我創建了一個網站,包括很多產品,每一個這些產品的,我可以有多達10張圖像。的Drupal 6:如何創建一個產品項目庫
我需要做的是這樣的:
1:圖像#1 - 加載(大)
2:將縮略圖下大圖像
4::
3創建每個上載的圖像的縮略圖。當用戶點擊一個縮略圖,它將取代所選的一個大圖像
我創建了一個網站,包括很多產品,每一個這些產品的,我可以有多達10張圖像。的Drupal 6:如何創建一個產品項目庫
我需要做的是這樣的:
1:圖像#1 - 加載(大)
2:將縮略圖下大圖像
4::
3創建每個上載的圖像的縮略圖。當用戶點擊一個縮略圖,它將取代所選的一個大圖像
動態地更改圖像,而無需刷新頁面將需要一些JavaScript。我建議使用jQuery,因爲它是一個準標準,隨Drupal 6一起發佈,非常易於使用。
在每個縮略圖,你會添加一個onClick甚至會更新大量圖像的src屬性。瀏覽器會照顧你的新大圖像。
的followng基於jQuery的功能將更新ID爲「大」來使用NEWPATH來代替目前的src值img標籤:
function updateLarge(newPath) {
$("#large").attr("src", newPath);
}
此外,如果要創建一個電子商務網站,你應該考慮使用像Ubercart。按照FlorianH的解決方案,您可以使用CCK向Ubercart產品添加字段,但您也可以免費獲得購物車和結賬等服務。
工作!謝謝一堆 – canintex