您可以将图像名称放入一个数组中，然后遍历它们。我使用了三个div来保存图像，但是您可以使用任何东西。
$(function () { var images = ["img_1", "img_2", "img_3", "img_4", "img_5", "img_6", "img_7", "img_8", "img_9", "img_10"], curIndex = 0, gotoImage = function (index) { $('#images div').each(function (i) { var image = curIndex + i; if (image >= images.length) { image = image - images.length; } $(this).html(images[image]); // Use something like this to show images instead of text // $(this).html('<img src="' + images[image] + '.jpg" />'); }); }; $('.prev').click(function (e) { curIndex--; if (curIndex === -1) { curIndex = images.length - 1; } gotoImage(curIndex); }); $('.next').click(function (e) { curIndex++; if (curIndex === images.length) { curIndex = 0; } gotoImage(curIndex); });});这是一个示例：http :
//jsfiddle.net/rustyjeans/c3sJW/
除非您不知道图像列表是什么，否则无需使用Ajax加载图像。如果要从数据库中提取图像名称列表，则可以使用ajax将数据取出并放入数组中，然后可以将其分配给数组
images。
