2009-09-17 69 views
-1

我創建了一個網站,包括很多產品,每一個這些產品的,我可以有多達10張圖像。的Drupal 6:如何創建一個產品項目庫

我需要做的是這樣的:
1:圖像#1 - 加載(大)
2:將縮略圖下大圖像
4::
3創建每個上載的圖像的縮略圖。當用戶點擊一個縮略圖,它將取代所選的一個大圖像

回答

2

動態地更改圖像,而無需刷新頁面將需要一些JavaScript。我建議使用jQuery,因爲它是一個準標準,隨Drupal 6一起發佈,非常易於使用。

在每個縮略圖,你會添加一個onClick甚至會更新大量圖像的src屬性。瀏覽器會照顧你的新大圖像。

的followng基於jQuery的功能將更新ID爲「大」來使用NEWPATH來代替目前的src值img標籤:

function updateLarge(newPath) { 
    $("#large").attr("src", newPath); 
} 

此外,如果要創建一個電子商務網站,你應該考慮使用像Ubercart。按照FlorianH的解決方案,您可以使用CCK向Ubercart產品添加字段,但您也可以免費獲得購物車和結賬等服務。

+0

工作!謝謝一堆 – canintex

0

我知道這是一個相當的學習曲線開始,但我認爲你應該檢查出CCKviews。你必須投入一些時間,但它非常值得。

你的具體情況,你應該一個ImageField的添加到您的產品,增加imagecache規則來調整它們的大小,併爲你的產品顯示爲您所描述的圖像的專用視圖。

+0

我還挺得那麼遠,(我用CCK,視圖,ImageField的&ImageCache - 最後是一個我不完全得到),但我也不知道如何使縮略圖代替大圖像,而不必重新加載頁面。 – canintex