Увеличение фото в списке товаров

[svetel]

Помогите пожалуйста. Перечитал много всего но так и не нашел как же все таки сделать чтобы в списке товаров при наведении на фото курсора, фото бы увеличивалось.

[drZaius]

Можно дописать в stylesheel.css следующее:

.product-grid .image img:hover {

-webkit-transform: scale(2);

-moz-transform: scale(2);

-o-transform: scale(2);

-ms-transform: scale(2);

transform: scale(2);

z-index: 999;

}

.product-grid {

overflow: visible;

}

[svetel]

растягивает все. не помогает

[samoylia]

Помогите пожалуйста. Перечитал много всего но так и не нашел как же все таки сделать чтобы в списке товаров при наведении на фото курсора, фото бы увеличивалось.

svetlight.com.ua

попробуйте в stylesheet.css дописать:

.box-product .image img:hover {
width: 120px;
}

[deim]

Да что вы ему мозги парите?

Вот вам список скриптов на выбор:

http://www.tripwiremagazine.com/2013/07/jquery-image-zoom.html

 

Ого, а вот этот прикольный:http://www.dynamicdrive.com/dynamicindex4/featuredzoomer.htm

Можно даже область увеличения делать скролом мыши больше или меньше

[samoylia]

Да что вы ему мозги парите?

Вот вам список скриптов на выбор:

http://www.tripwiremagazine.com/2013/07/jquery-image-zoom.html

 

Ого, а вот этот прикольный:http://www.dynamicdrive.com/dynamicindex4/featuredzoomer.htm

Можно даже область увеличения делать скролом мыши больше или меньше

может я не так понял вопрос, незнаю.. но - автор темы вроде за список товаров спрашивал. А какой смысл делать зум в списке товаров?

В карточке товара - согласен, можно)

[deim]

Тогда и я тоже видимо автора не понял :)

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

[Tom]

По моему  он и спрашивает про отображение в списке товаров))))

 

........Перечитал много всего но так и не нашел как же все таки сделать чтобы в списке товаров........

 

 

И ховер здесь по своей простоте более приемлем.Зачем там зум?

 

PS  автору от меня совет.Не уродуйте магазин резинкой.Растягивать его на весь экран не лучшая мысль.А что бы совет ,который Вам дали выше отображался лучше,увеличьте размер картинок.

[svetel]

Спасибо за совет про резинку.

она и вправду смотрится ужасно.

 

а картинки увеличивать в списке товаров хочется чтобы повысить юзабилити.

Картинки, как мне кажется, и так уже максимально увеличены. Если увеличивать дальше то будет глаза резать. Поэтому ищу вариант с увеличением.

[yuliakir]

Может он ищет вот такой эфект? http://shopuniversal.pusku.com

Я тоже для своего магазина хотела бы реализовать увиличение при наведении на картинку. Подскажите, как сделать. Спасибо.

[deim]

Может он ищет вот такой эфект? http://shopuniversal.pusku.com

Я тоже для своего магазина хотела бы реализовать увиличение при наведении на картинку. Подскажите, как сделать. Спасибо.

Тут не о картинке речь вообще

Тут целый отдельный DIV отображается при наведении мыши тоже на отдельный блок товара

Картинки там не при чём

[svetel]

Может он ищет вот такой эфект? http://shopuniversal.pusku.com

Я тоже для своего магазина хотела бы реализовать увиличение при наведении на картинку. Подскажите, как сделать. Спасибо.

Спасибо) именно это и ищу.

[yuliakir]

Может он ищет вот такой эфект? http://shopuniversal.pusku.com

Я тоже для своего магазина хотела бы реализовать увиличение при наведении на картинку. Подскажите, как сделать. Спасибо.

Тут не о картинке речь вообще

Тут целый отдельный DIV отображается при наведении мыши тоже на отдельный блок товара

Картинки там не при чём

Если знаете как реализовать — пожалуйста подскажите.

[Tom]

В этом шаблоне используется пара скриптов+css+html ,подсказать в двух словах никак.

[Andrew1206]

А где можно купить такой модуль, тоже ищу такой.