我用什麼來製作一個簡單的html畫廊？

我試圖讓典型的電子商務網站，你有不同的服裝意見，當你點擊它成爲主要形象。我用什麼來製作一個簡單的html畫廊？

我假設JavaScript會最適合這個？也許Jquery會更容易？

謝謝，我只是需要有人指出我在正確的方向。

2010-04-13 Adam

搜索既然你似乎認爲jQuery的（原文如此）是JavaScript的一個替代方案，我建議你找一個介紹JS文本並試圖構建任何東西之前得到的基本知識交手用它。 http://wsc.opera.com/可能是一個很好的起點。 – Quentin 2010-04-13 14:47:54

可能重複http://stackoverflow.com/questions/2220964/recommendation-for-gallery-script – 2010-04-13 14:50:44

即時通訊不尋找一個完整的畫廊。只是一個簡單的功能，可以讓你點擊拇指，並使其成爲主要圖像等...虐待下面的代碼。謝謝。 – Adam 2010-04-13 17:06:43

發送各種圖像文件名稱以及javascript數組中的html代碼。定義指向javascript函數的「next」和「previous」鏈接，該函數將<img>的來源設置爲下一個/上一個圖像。

或者，如果您有迷你預覽，請組織圖像以便您的迷你預覽有image0032_small.jpg，大圖像有image0032.jpg，然後將迷你圖像的onClick事件設置爲一個javascript函數，該函數讀取迷你圖像，刪除_small部分，並將大圖像的圖像源設置爲結果...

來源

2010-04-13 14:51:14 orithena

如果您使用邏輯命名約定，其中縮放img =小圖像+「_Zoom」（a.jpg > 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) 

}

來源

2010-04-13 14:56:39

There are ad很多方法可以做到這一點。我建議你運行

simple gallery [your favorite coding tool]

來源

2010-04-13 15:09:58 Smandoli

我用什麼來製作一個簡單的html畫廊？

回答

相關問題