Skip to content

Instantly share code, notes, and snippets.

@Indemnity83
Created December 23, 2016 00:15
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Indemnity83/4125b9a42a06dd50c8267fe4b76464e3 to your computer and use it in GitHub Desktop.
Save Indemnity83/4125b9a42a06dd50c8267fe4b76464e3 to your computer and use it in GitHub Desktop.
<style>#slideshow {
width: 230px;
height: 130px;
}
#slideshow > div {
position: absolute;
}</style>
<div id="slideshow">
<div>
<img src="https://unite-production.s3.amazonaws.com/tenants/lightofthevalley/pictures/95112/I_m-New.jpg">
</div>
<div>
<img src="https://unite-production.s3.amazonaws.com/tenants/lightofthevalley/pictures/95113/Give.jpg">
</div>
<div>
<img src="https://unite-production.s3.amazonaws.com/tenants/lightofthevalley/pictures/95114/Events.jpg">
</div>
</div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
<script>
$("#slideshow > div:gt(0)").hide();
setInterval(function() {
$('#slideshow > div:first')
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo('#slideshow');
}, 3000);
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment