CMS Made Simple Forums

Posted: **Mon Jan 21, 2013 2:34 am**

Добрый день!
На сайте существует раздел каталога с товарами. Все это обрамленно в табличку структура такая:

Изображение                  Краткое описание            Цена

Все изображения имеют одинаковый размер (240x200), заданный помощью css, а реальный размер изображений больше.

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

Модули Gallery и Album я думаю не подойдут. Т/к я так понял там можно вывести группу изображений, или наоборот одно изображение, а это не подходит так - как товары разные, да и придется подправить css, и в каждом месте картинки прийдется писать тег галереи (если картика одна).

Я этого не хочу, т.к. все изображения уже проставленны. Можно ли допустим дать класс картинки, а для этого класса написать js и css, что бы нажал и картика плавно расскрылась. Есть ли готовые решения? Спасибо.

Posted: **Mon Jan 21, 2013 10:30 pm**

Сам сделал на чистом css, не то что хотел но всеже.

Code: Select all

.YouImgClass img:hover{
-webkit-transform:scale(1.1); /*Webkit: увеличиваем фото до 1.2x*/
-moz-transform:scale(1.1); /*Mozilla: масштабирование*/
-o-transform:scale(1.1); /*Opera: масштабирование*/
box-shadow:0px 0px 30px gray; /*CSS3 тени: 30px размытая тень вокруг всего изображения*/
-webkit-box-shadow:0px 0px 30px gray; /*Webkit: тени*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla: тени*/
opacity: 1;

В IE анимация не поддерживаются.

CMS Made Simple Forums

Простая галерея изображений

Простая галерея изображений

Re: Простая галерея изображений