2014-09-26 152 views
0

我是新來的JS和尋找任何提示如何implment甚至如何更換大圖像的一部分(即conisists兩個較小的圖像)當您更改側欄上的某些選項例如當您更改產品參數時。JS圖片替換鼠標點擊

當您單擊或「Kolor karnisza:」或「Wzórkońcówki:」部分圖像變化時。無論是窗簾杆或窗簾杆端的顏色。

我如何實現這一點,據我已經學會了兩個圖像絕對與z-index定位,我需要一些JS或jQuery庫來做到這一點(什麼庫?)。

這是我在談論的網站:

https://www.sklep-karnisze.net/1136,-34-Carbonera-34-podwojne-proste-19-mm?r=#/#8,7,2,50,1,10

THX提前對您有所幫助。

回答

0
<head> 
<script> 

    function changeImage(imgName) 
    { 
    image = document.getElementById('largepic'); 
    image.src = imgName; 
    } 

</script> 

</head> 

<body> 

     <img src = 'largemaimimage.jpg' id = 'largepic' /> 


     <img src ='small1.jpg' onClick="javaScript:changeImage('small1.jpg');"/> 
     <img src ='small2.jpg' onClick="javaScript:changeImage('small2.jpg');"/> 
     <img src ='small3.jpg' onClick="javaScript:changeImage('small3.jpg');"/> 

    </body> 

,這是在這個網站

+0

回答很多次,我認爲這將有助於我少,但我寧願在尋找解決方案如何在按一下按鈕多個圖像之間進行切換。 – kuba0506 2014-09-26 12:17:48

+0

我認爲你要找的是一個漂亮的照片或燈箱插件,是這樣嗎?所以我可以給你一個鏈接 – 2014-09-26 12:21:37

+0

http://fancybox.net/或http://fancyapps.com/fancybox/如果你將我的答案標記爲解決你的問題,我將不勝感激 – 2014-09-26 12:22:59