Динамичное изменение изображения при наведении на ссылку?

Question

[Виталий Хван]

В общем имеется
<img src="1.img" class="b_img" id="_blank"/>_blank,
и 13 блоков слайдера owl

<div>
   <img crs="thumb/1.img"  />
   <p>Продукт 1<p/>
   <a href="#">Хочу такую</a>
</div>

необходимо при наведении на item слайдера изменять изображение в _blank.
я не могу понять каким способом это можно реализовать, насколько понял, jquery и при наведении из массива заменять src у _blank. но каким способом реализовать не понимаю.

Comments

[Виктор Янышев]

Попробуй сформулировать свой вопрос более корректно, а не не совсем ясно, что получить и куда записать.

[Максим Тимофеев]

А при чем тут yii и css?

Answer 1

[Виталий Хван]

$(".owl-item").hover(function(){
    img_src = $(this).data('image');
    url_to_img = "/img/";
    img_src = url_to_img + img_src;
    $('_blank').attr('src',img_src);
});

Может кому пригодиться, реализовал через data-* атрибут, вроде неплохо получилось, реакция очень быстрая, работоспособная

Comments

[Дмитрий Ким]

Непонятно, чем вас не устроил мой вариант. Для чего дублировать атрибут со ссылкой на картинку?

Answer 2

[Дмитрий Ким]

<div class="owl-item">
   <img crs="thumb/1.img"  />
   <p>Продукт 1<p/>
   <a href="#">Хочу такую</a>
</div>

$(function(){
    $(document).on('hover', '.owl-item', function(){
        $('#_blank').attr('src', $(this).find('img').attr('src'));
    });
});

Comments

[Дмитрий Ким]

Только, конечно же, не <img crs="thumb/1.img" />, а <img SRC="thumb/1.img" />

[Виталий Хван]

Дмитрий Ким: извиняюсь )))))
по запаре