Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Картинка С Выделением

Автор alexkatr, 27 сент. 2011 12:20

Авторизуйтесь для ответа в теме

Сообщений в теме: 4

#1 alexkatr

Продвинутый пользователь

Пользователи
71 сообщений

Отправлено 27 Сентябрь 2011 - 12:20

Как бы вот сделать такой эффект - при наведении на картинку, чтобы она приподнималась и тень появлялась? Как на примере вот этом? Может подскажет кто?

Прикрепленные изображения

Наверх

#2 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 27 Сентябрь 2011 - 21:10

Можно подключить что то подобное http://www.ionden.com/widgets/wg/zoom/
или аналогичное. Можно сделать на css данную реализацию, только понадобиться пустое - белое изображение с тенью. Далее уже при наведении на текущее изображение делать подмену в блоке на изображение с тенью. Прозе будет реализовать то что было предложено в ссылке.

Наверх

#3 alexkatr

Продвинутый пользователь

Пользователи
71 сообщений

Отправлено 28 Сентябрь 2011 - 18:58

Благодарю за дельный совет!

Однако там написано:

"...Подключение
Директорию zoom/ ложим в корень сайта..." - а разве я могу положить папку?

Или прямо в шаблон можно вставить этот код:

<head>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  <script type="text/javascript" src="zoom/zoom.js"></script>
  <link rel="stylesheet" type="text/css" media="all" href="zoom/zoom.css" />
</head>

А класс .zoom :

<a href="img/big-picture.jpg" class="zoom"><img src="img/small-picture.jpg" /></a>

можно прописать с стилях шаблона?

Наверх

#4 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 29 Сентябрь 2011 - 08:22

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

Если разбирать zoom то не обязательно заливать директории. Как вы заметили директории в магазине создавать нельзя. Поэтому нужно будет немного подправить данный скрипт - а именно изменить в нем все пути. Вам же нужно все файлы заливать в корень вашего сайта а минуя все директории разделе Редактора тем. Далее подключать их по вашему новому пути.