Question

我正在努力建立一个典型的电子商务网站，在那里您可以看到不同的服装视图，当您点击它时，它将成为主要图像。

我认为javascript最适合这个？也许Jquery会更容易？

谢谢，我需要有人指出我正确的方向。

Answer 1

在javascript数组中发送各种图像文件名和html代码。定义指向javascript函数的“next”和“previous”链接，该函数仅将<img>的源设置为下一个/上一个图像。

或者，如果您有迷你预览，请整理图像以便您为迷你预览image0032_small.jpg和大图像image0032.jpg，然后将迷你图像的onClick事件设置为javascript读取迷你图像的网址的函数，删除_small部分并将大图像的图像源设置为结果...

Answer 2

如果您使用逻辑命名约定，其中zoom img =文件名中的小图片+“_ Zoom”（a.jpg＆gt; a_Zoom.jpg），您可以这样做：

<img id="productZoom" src="productA_Zoom.jpg" /> <-- the large image
<a href="javascript:;// zoom in" onclick="loadZoom(this)">
<img id="productZoom" src="productB.jpg" /></a> <-- the thumbnail




function loadZoom(element) {
   var zoomImg = $(element).children('img')[0].src.replace(".","_Zoom.")
   $('#productZoom').attr('src',zoomImg)

}

Answer 3

有十几种方法可以做到这一点。我建议你在

上进行搜索

simple gallery [your favorite coding tool]

我用什么来制作一个简单的html库？

3 个答案: