http://jsfiddle.net/ninmonkey/T2w4E/10/
我正在尝试显示图像,例如:<img class="randImage" src="http://imgur.com/random" />
但它不起作用。如果您转到http://imgur.com/random,它会重定向到有效的图片网址。
我尝试在javascript中执行请求,将结果用作我的新src
。它不起作用。 (所有谷歌搜索结果都是关于创建重定向。我需要现有重定向的结果。)
作为测试,我手动创建了一个随机数组,并且可以正常工作。
var names = ["http://i.imgur.com/vvIbzVL.jpg", "http://i.imgur.com/0bbqCk6.gif", "http://i.imgur.com/U1AyHde.gif", "http://i.imgur.com/iUABgnE.gif", "http://i.imgur.com/mIUH5Gg.gif"];
var urlRandom = "http://imgur.com/random";
// random image from array
function randomize() {
var item = names[Math.floor(Math.random()*names.length)];
$(".randImg").attr("src", item);
}
//didn't work, using "http://imgur.com/random
function randomImgur() {
$.ajax( {
url: urlRandom, context: document.window
}).done(function() {
console.log("done");
$(".randImg").attr("src", $(this).src);
var randImage = new Image();
randImage.src = $(this).url;
$(".randImg").attr("src", randImage.src);
console.log("src = " + randImage.src );
});
}
// toggle these to test.
//$('.randImg').click( randomize );
$('.randImg').click( randomImgur );
randomize();