Javascript 如何使用jquery通过使用.load（）更改图像

我有一张图片列表。每次加载页面时，我都想显示序列中的下一个图像，当再次加载页面时，我想更改下一个图像，等等

请建议我使用jQuery的解决方案

---

谢谢

我建议您使用插件循环。就这么简单：

$('.slideshow').cycle({
        fx: 'fade'
    });

或者如果你想要一个旋转木马：jcarousel

---

< <强> > >考虑使用服务器端技术来实现这一点。然而，使用jQuery，甚至是库更少的Javascript，可以很容易地实现这一点

使用cookies，我们可以存储当前图像计数，然后可以使用该计数访问图像URL数组，该数组用于在页面加载时更改图像。使用，我们有一个如下所示的脚本：

var images = ['img1.png', 'img2.png', 'img3.png', 'img4.png' ...],
    imageCount = parseInt(readCookie('image'), 10);

if(isNaN(imageCount)) imageCount = 0;

$('#thumbnail').attr('src', images[imageCount % images.length]);
createCookie('image', imageCount + 1, 30);

如果您使用的是香草Javascript，请将第6行替换为：

document.getElementById('thumbnail').src = images[imageCount % images.length];

---

请在此处查看此脚本的演示：

我的问题是，我想在翻页时逐个更改图像load@Mubeen-我认为你需要澄清这个问题。你的意思是“每次加载一个页面时，我都想显示一个系列中的下一个图像”-因此我访问多个页面，在第一页上看到“image1.png”，然后在下一页访问的任何页面上看到“image2.png”等等…@Sohnee：是的，每次加载页面时，我都想在同一页面中显示下一个系列图像