首先，我想对我糟糕的英语说声抱歉，我会尽力寻求帮助并帮助你帮助我。
嗯，我有一个网页设计师课程的项目，我的老师要我做一个画廊 html 页面，但我找不到任何答案或任何接近我正在寻找的东西。
好吧，我会解释他想要什么......
让我们想象一个包含 3 张缩略图的图库页面。 然后第一个缩略图是飞机，第二个是船，第三个是汽车。
现在，如果我点击飞机缩略图，它应该只显示飞机的幻灯片，如果我点击汽车缩略图，它应该只在幻灯片中显示汽车图像......有人明白我的意思吗？请如果不是，我会更好地解释它。 非常感谢，再次为我糟糕的英语和解释感到抱歉。
这是我现在拥有的，但是当我点击第一张图片时，它会打开我点击的图片，当我点击下一个时，转到它旁边的下一张
【问题讨论】：
标签： javascript jquery html image-gallery
您指的是轮播吗？当您单击缩略图时，您是否希望出现弹出窗口并具有轮播特征？从一张图片导航到另一张图片。
如果可能的话，您能否在 jsfiddle.net 中显示您的代码？
【讨论】：
假设幻灯片功能看起来有点像这样：
function slideShow() {
var slideShowImages = new Array();
slideShow.prototype.load = function(img){ /*loads img into array*/ };
slideShow.prototype.start = function(){ /*starts the slideshow*/ };
slideShow.prototype.stop = function() { /*stops slideshow*/ };
slideShow.prototype.empty = function() { /*empties array*/ };
};
为了确保只显示特定车辆的图像，请将它们放在一个数组中：
var airplanes = new Array();
var cars = new Array();
var boats = new Array();
然后在加载所有图片时，将它们放在正确的数组中：
var boatImg = new Image();
boatImg.src = theSourceOfImage;
boatImg.addEventListener('load', function() { boats.push(boatImg) });
//etc etc.
将点击处理程序附加到缩略图。
SlideShow = new slideShow();
$("#boatThumbNailId").click(function() {
//now place all of the pictures from the boat array in the slideshow
for(var i = 0; i < boats.length; i++)
SlideShow.load(boats[i]);
//then just start the slideShow
SlideShow.start();
});
希望对你有所帮助，祝你好运。
【讨论】：