Перейти к содержанию
svetel

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

Рекомендуемые сообщения

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Можно дописать в 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;

}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

svetlight.com.ua

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

 

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

 

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 

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

 

 

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

 

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

  • +1 2

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

 

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

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

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

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

  • +1 2

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.