Как сделать описание фото с hover эффектом?

<<

BVB-Russe

Аватара пользователя

Автор темы

Сообщения: 25

Зарегистрирован: 02 янв 2013, 18:18

Благодарил (а): 6 раз.
Поблагодарили: 0 раз.

Сообщение 20 авг 2015, 19:38

Как сделать описание фото с hover эффектом?

Здравствуйте, подскажите, существует ли скрипт для Blogger, позволяющий создавать описание фото в постах блога с hover эффектом? Чтобы работало по традиционному принципу - когда добавляешь фото внутри редактора поста фото и делаешь подпись, она работала при наведении на фото именно с таким эффектом. Это возможно реализовать?
Например, вот так
Как сделать описание фото с hover эффектом?
<<

Admin

Аватара пользователя

Сообщения: 1450

Зарегистрирован: 21 мар 2011, 15:30

Благодарил (а): 66 раз.
Поблагодарили: 157 раз.

Сообщение 21 авг 2015, 11:11

Re: Как сделать описание фото с hover эффектом?

Готовое решение мне под руку не попадалось, хотя, вполне может такое быть. Можно попробовать реализовать это с помощью CSS, теоретически это возможно.
<<

BVB-Russe

Аватара пользователя

Автор темы

Сообщения: 25

Зарегистрирован: 02 янв 2013, 18:18

Благодарил (а): 6 раз.
Поблагодарили: 0 раз.

Сообщение 21 авг 2015, 13:31

Re: Как сделать описание фото с hover эффектом?

Admin писал(а):Готовое решение мне под руку не попадалось, хотя, вполне может такое быть. Можно попробовать реализовать это с помощью CSS, теоретически это возможно.

Если невозможное возможно, был бы очень рад. Но в CSS не разбираюсь, чтобы такие штуки самому делать... Поэтому надеялся хотя бы увидеть пример возможного кода..
<<

Admin

Аватара пользователя

Сообщения: 1450

Зарегистрирован: 21 мар 2011, 15:30

Благодарил (а): 66 раз.
Поблагодарили: 157 раз.

Сообщение 01 сен 2015, 12:58

Re: Как сделать описание фото с hover эффектом?

Нашла я такой эфект, но нужно его проверять, как будет работать в блоге. Демо, сам скрипт на скачивание.
<<

BVB-Russe

Аватара пользователя

Автор темы

Сообщения: 25

Зарегистрирован: 02 янв 2013, 18:18

Благодарил (а): 6 раз.
Поблагодарили: 0 раз.

Сообщение 01 сен 2015, 13:27

Re: Как сделать описание фото с hover эффектом?

Admin писал(а):Нашла я такой эфект, но нужно его проверять, как будет работать в блоге. Демо, сам скрипт на скачивание.

спасибо, в принципе, я его уже видел, НО я не знаю, как "обустраивать" его в блоге. А именно то, как и что куда кидается. Попробую методом тыка.
<<

Admin

Аватара пользователя

Сообщения: 1450

Зарегистрирован: 21 мар 2011, 15:30

Благодарил (а): 66 раз.
Поблагодарили: 157 раз.

Сообщение 01 сен 2015, 13:56

Re: Как сделать описание фото с hover эффектом?

Тоже попробую в ближайшие дни сделать. Не хватает времени.
<<

BVB-Russe

Аватара пользователя

Автор темы

Сообщения: 25

Зарегистрирован: 02 янв 2013, 18:18

Благодарил (а): 6 раз.
Поблагодарили: 0 раз.

Сообщение 01 сен 2015, 16:10

Re: Как сделать описание фото с hover эффектом?

Admin писал(а):Тоже попробую в ближайшие дни сделать. Не хватает времени.

Катя, конечно, все понимаю и уж тем более я не прошу и не заставляю вас что-то делать... :) Это скорее была просьба-пожелание, не больше. Если вы сможете найти время как-нибудь и тут выложите, было бы очень полезно. Только если вы будете пробовать, тогда хотел бы вот на что обратить внимание. Насколько я понял на этом приведенном demo, там надпись на фото сделана с указанием заголовка подписи и самой подписи. Так вот мне был бы нужнее скрипт чисто с одной подписью, то есть, указания тега (или заголовка) как такового не нужно. Но я думаю, это можно будет мне самому убирать из скрипта, насколько понимаю.
<<

Admin

Аватара пользователя

Сообщения: 1450

Зарегистрирован: 21 мар 2011, 15:30

Благодарил (а): 66 раз.
Поблагодарили: 157 раз.

Сообщение 02 сен 2015, 10:45

Re: Как сделать описание фото с hover эффектом?

Я поняла. Думаю это не проблема, просто одно поле не заполняется, оставляется пустым, и соответственно не выводится на странице.
<<

BVB-Russe

Аватара пользователя

Автор темы

Сообщения: 25

Зарегистрирован: 02 янв 2013, 18:18

Благодарил (а): 6 раз.
Поблагодарили: 0 раз.

Сообщение 02 сен 2015, 10:51

Re: Как сделать описание фото с hover эффектом?

Admin писал(а):Я поняла. Думаю это не проблема, просто одно поле не заполняется, оставляется пустым, и соответственно не выводится на странице.

спасибо, тогда подумал верно. В этом и прелесть кода, что в нем можно что-то убрать :biggrin: Еще бы в нем разбираться, было бы совсем прелестно.
<<

Admin

Аватара пользователя

Сообщения: 1450

Зарегистрирован: 21 мар 2011, 15:30

Благодарил (а): 66 раз.
Поблагодарили: 157 раз.

Сообщение 02 сен 2015, 14:18

Re: Как сделать описание фото с hover эффектом?

В общем, у меня получилось (пример), но есть несколько нюансов.
Во-первых, лучше, если в шаблоне у изображений не будет рамки.
Во-вторых, изображение не открывается в большем размере, даже если находится внутри ссылки, в примере это последнее изображение.
В-третьих, естественно, для каждого изображения нужно будет вставлять код и следить за его чистотой. Одна ошибка, и эффекта не будет.

Добавлено спустя 27 минут 40 секунд:
Добавлю, что рамка у фото может быть, но не дефолтная, как в шаблонах blogger, а из скрипта. тогда конфликта нет и все красиво.
След.

Вернуться в Скрипты для Blogger

Кто сейчас на конференции

Зарегистрированные пользователи: Google [Bot], Yandex [Bot]

Работает на phpBB © 2000, 2002, 2005, 2007 phpBB Group. Дизайн ST Software и Blogger Форум. Русская поддержка phpBB
ЧПУ ссылки от phpbb seo