Created
October 30, 2014 12:57
-
-
Save WebRTCGame/724966a6ad5d3d47943f to your computer and use it in GitHub Desktop.
Imgur search results thumbnail jquery slideshow
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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