Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Tooltip картинок товаров в категории


Recommended Posts

вопрос пытаюсь реализовать вот такую конструкцию при наведении мышки на картинку в категории товаров появлялась бы увеличенная картинка товара. реализую по такой схеме http://vremenno.net/js/moptip-and-mopbox-for-jquery/

вопрос при использовании переменной <div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>

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

Snap201301_9636451_6713781.png

и как быть с видом "сетка" я так понял по коду полноценного когда элементов там нет а меняется он функцией которая добавляет строки в "список" как сделать отображение картинок и там тоже

Snap201301_6326903_6718735.png

Надіслати
Поділитися на інших сайтах


вот весь код подскажите что не так делаю?

<!-- Начало Tooltip -->

<script type="text/javascript" src="moptip/jquery.js"></script>

<script type="text/javascript" src="moptip/mop-tip.js"></script>

<script type="text/javascript" src="moptip/jquery-png-fix.js"></script>

<style type="text/css">

.demo-out{display:none;}

</style>

<link rel="stylesheet" type="text/css" href="moptip/mop-tip.css" />

<script type="text/javascript">

$(document).ready(function(){

$(".demo-in").mopTip({

'w': 150,

'style': 'overOut',

'get': '.demo-out'

});

});

</script>

<!-- Элемент для которого выводится -->

<div class="demo-in">

<div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>

</div>

<!-- Элемент который выводится -->

<div class="demo-out">

<div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>

</div>

<!-- Конец Tooltip -->

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.