Как скопировать данное отображение

@daron80 · Регистрация: 10.07.2013

Author24 — интернет-сервис помощи студентам

Всем привет. Делаю себе сайтик на тему бижутерии. Понравился шаблон от WP http://www.kriesi.at/themes/replete/
Но для ИМ WP не очень. Вот решил перевести все на Опенкарт.
Вопрос такого плана как мне скопировать данную фишку шаблона, когда при наведении на картинку происходит увеличение изображения?

@calculon_ · 22.07.2013, 14:19

Использовать hover на блоке с изображением.
Например:

CSS

.imgdiv:hover{
z-index: 100;
width:120%;
left:-10%;
}
.imgdiv img{
width: 100%;
height:auto;
}

@daron80 · 22.07.2013, 14:27 **[ТС]**

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

@calculon_ · 22.07.2013, 14:50

Ну в голову полезло только сделать некоторый margin по бокам

CSS

.imgdiv{
margin: 0 10px 0 10px;
}
.imgdiv:hover{
z-index: 100;
width:120%;
left:-10%;
margin: 0 -10px 0 -10px;
}
.imgdiv img{
width: 100%;
height:auto;
}

@newJS · 22.07.2013, 21:37

такое?
плавающее JavaScript меню

@daron80 · 23.07.2013, 12:31 **[ТС]**

Сообщение от newJS

такое?
плавающее JavaScript меню

Нет. Тут привязка идет к id, причем структура не правильная в целом.

@daron80 0 / 0 / 0 Регистрация: 10.07.2013 Сообщений: 14
		1
	Как скопировать данное отображение 22.07.2013, 14:04. Показов 1424. Ответов 5 Метки нет (Все метки) Всем привет. Делаю себе сайтик на тему бижутерии. Понравился шаблон от WP http://www.kriesi.at/themes/replete/ Но для ИМ WP не очень. Вот решил перевести все на Опенкарт. Вопрос такого плана как мне скопировать данную фишку шаблона, когда при наведении на картинку происходит увеличение изображения? 0

@daron80 0 / 0 / 0 Регистрация: 10.07.2013 Сообщений: 14
	22.07.2013, 14:27 [ТС]	3
	Да, это понятно. Как быть с тем моментом, что при наведении соседние блоки отъезжают друг от друга? На сайте примере такого нет 0

@newJS 2435 / 1114 / 312 Регистрация: 23.06.2011 Сообщений: 3,525
	22.07.2013, 21:37	5
	такое? плавающее JavaScript меню 0

@daron80 0 / 0 / 0 Регистрация: 10.07.2013 Сообщений: 14
	23.07.2013, 12:31 [ТС]	6
	Сообщение от newJS такое? плавающее JavaScript меню Нет. Тут привязка идет к id, причем структура не правильная в целом. 0