2014-09-26 3 views
0

Я новичок в JS и ищу любые советы, как внедрить, или даже как я могу заменить часть большого изображения (это conisists из двух меньших изображений), когда вы меняете какой-либо параметр на боковой панели например, при изменении параметров продукта.JS Image replacement на мышь щелкните

Когда вы нажмете или «Kolor karnisza:» или «Wzór końcówki:» часть изображения изменится. Либо цвет штока карнизов, либо конец карнизов.

Как достичь этого, насколько я уже узнал, два изображения позиционируются абсолютно с z-индексом, и мне нужна библиотека 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

+0

Я думаю, что вы ищете плагин, например, красивую фотографию или лайтбоксы, так ли это? поэтому я могу отправить вам ссылку –

+0

http://fancybox.net/ Или http://fancyapps.com/fancybox/ Я был бы признателен, если бы вы отметили мой ответ как решение вашей проблемы –

Смежные вопросы