Skip to content

Instantly share code, notes, and snippets.

@WebRTCGame
Created October 30, 2014 12:57
Show Gist options
  • Save WebRTCGame/724966a6ad5d3d47943f to your computer and use it in GitHub Desktop.
Save WebRTCGame/724966a6ad5d3d47943f to your computer and use it in GitHub Desktop.
Imgur search results thumbnail jquery slideshow
<style>
.fadein {
position:relative;
width:100%;
height:100%;
}
.fadein img {
position:absolute;
left:0;
top:0;
}
</style>
<div class="fadein" id="fadeinId"></div>
<script>
var ExternalURL = "imgur.com/t/snake/time";
$(document).ready(loadContent);
function loadContent() {
var QueryURL = "http://anyorigin.com/get?url=" + ExternalURL + "&callback=?";
$.getJSON(QueryURL, function (data) {
var element = document.getElementById("fadeinId");
var html = $.parseHTML(data.contents);
html = $(html).find('#imagelist').html();
var something = $(html).find("img");
var list = "";
for (var i = 0; i < something.length - 1; i++) {
list += something[i].outerHTML; //+ "</img>";
}
element.innerHTML = list;
$(function () {
$('.fadein img:gt(0)').hide();
setInterval(function () {
$('.fadein :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein');
}, 4000);
});
});
}
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment