Как реализовать: нажать на картинку и всплывает окно с видео

<<

StalkerDL

Автор темы

Сообщения: 10

Зарегистрирован: 17 ноя 2011, 02:20

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

Сообщение 17 ноя 2011, 02:48

Как реализовать: нажать на картинку и всплывает окно с видео

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

Очень хотелось бы такое же сделать для видео: загружаем картинку, а при нажатии на это изображение всплывает на передний план слой, в котором начинает отображаться видео, скажем, того же youtube.

Пробовал код блоггера(пример) : <a href="image.gif" style=""><img src="image.gif"></a> заменить на <a href="youtube.com...." style=""><img src="image.gif"></a>
не помогает. при нажатии на картинку просто переходит на страницу youtube-ролика.
искал разные варианты как это можно сделать, но по ка что не получилось... :help:

хочу очень вместо роликов вставлять картинки на блог, т.к. много роликов и блог сильно грузит проц.
<<

Admin

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

Сообщения: 1450

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

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

Сообщение 18 ноя 2011, 13:18

Re: Как реализовать: нажать на картинку и всплывает окно с в

Эх, плохо искали. На форуме есть тема Видео в LightBox для Blogger. Так же для этих целей очень хорошо подходит галерея PrettyPhoto. Можете поискать русскоязычные инструкции по ее установке. Но в ней нет ничего сложного, Если что, можете спросить здесь.
Единственный момент, я не знаю, увеличится ли скорость загрузки страницы.
<<

Rustam163

Сообщения: 2

Зарегистрирован: 21 ноя 2011, 11:40

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

Сообщение 21 ноя 2011, 11:44

Re: Как реализовать: нажать на картинку и всплывает окно с в

Admin писал(а):Эх, плохо искали. На форуме есть тема Видео в LightBox для Blogger. Так же для этих целей очень хорошо подходит галерея PrettyPhoto. Можете поискать русскоязычные инструкции по ее установке. Но в ней нет ничего сложного, Если что, можете спросить здесь.
Единственный момент, я не знаю, увеличится ли скорость загрузки страницы.

Сделал эту фишку при помощи PrettyPhoto,но перестало выпадать горизонтальное меню... в чем может быть косяк? :head:
<<

Admin

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

Сообщения: 1450

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

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

Сообщение 22 ноя 2011, 12:55

Re: Как реализовать: нажать на картинку и всплывает окно с в

Rustam163 писал(а):Сделал эту фишку при помощи PrettyPhoto,но перестало выпадать горизонтальное меню... в чем может быть косяк? :head:

Это косяк разработчиков библиотек JQuery. И меню и лайтбокс конфликтуют друг с другом. Решается это с помощью специальной функции noConflict. Но как и куда ее вставлять, лично я так и не поняла, поэтому точно посоветовать не могу. Но это самое простое решение проблемы.
<<

StalkerDL

Автор темы

Сообщения: 10

Зарегистрирован: 17 ноя 2011, 02:20

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

Сообщение 22 ноя 2011, 16:52

Re: Как реализовать: нажать на картинку и всплывает окно с в

Admin писал(а):Эх, плохо искали. На форуме есть тема Видео в LightBox для Blogger. Так же для этих целей очень хорошо подходит галерея PrettyPhoto. Можете поискать русскоязычные инструкции по ее установке. Но в ней нет ничего сложного, Если что, можете спросить здесь.
Единственный момент, я не знаю, увеличится ли скорость загрузки страницы.


спасибо огромное!!! :thank:

Я выбрал первый вариант, потому что вроде как надежнее. Долго разбирался что к чему, однако в итоге удалось осилить)
все работает! Супер! спасибо)
<<

Rustam163

Сообщения: 2

Зарегистрирован: 21 ноя 2011, 11:40

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

Сообщение 22 ноя 2011, 22:02

Re: Как реализовать: нажать на картинку и всплывает окно с в

Admin писал(а):
Rustam163 писал(а):Сделал эту фишку при помощи PrettyPhoto,но перестало выпадать горизонтальное меню... в чем может быть косяк? :head:

Это косяк разработчиков библиотек JQuery. И меню и лайтбокс конфликтуют друг с другом. Решается это с помощью специальной функции noConflict. Но как и куда ее вставлять, лично я так и не поняла, поэтому точно посоветовать не могу. Но это самое простое решение проблемы.

и за данную информацию спасибо,теперь знаю в каком направлении копать
<<

StalkerDL

Автор темы

Сообщения: 10

Зарегистрирован: 17 ноя 2011, 02:20

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

Сообщение 28 ноя 2011, 04:07

Re: Как реализовать: нажать на картинку и всплывает окно с в

скажите, а есть какой-нибудь вариант такое-же реализовать для флешек (.swf-файлов) ??
<<

aldous

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

Сообщения: 1167

Зарегистрирован: 22 май 2011, 22:53

Откуда: Оттуда

Благодарил (а): 20 раз.
Поблагодарили: 131 раз.

Сообщение 28 ноя 2011, 08:24

Re: Как реализовать: нажать на картинку и всплывает окно с в

PrettyPhoto
<<

StalkerDL

Автор темы

Сообщения: 10

Зарегистрирован: 17 ноя 2011, 02:20

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

Сообщение 30 ноя 2011, 05:26

Re: Как реализовать: нажать на картинку и всплывает окно с в

Скачал архив. Как Я понял, надо все используемые картинки этим скриптом (а их 38) закачать на пикасу гугловскую, а потом в файле prettyPhoto.css заменить локальные адреса картинок на новые адреса.
сделал, заменил все в файле prettyPhoto.css. однако в итоге получилось, что окошко отображается "криво": то рамочка покоцанная, то еще значек какой-то не совсем так отображается...
как вы делали??? в чем может быть баг??
уже второй раз начал делать, и все то же самое... (((
<<

aldous

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

Сообщения: 1167

Зарегистрирован: 22 май 2011, 22:53

Откуда: Оттуда

Благодарил (а): 20 раз.
Поблагодарили: 131 раз.

Сообщение 30 ноя 2011, 08:43

Re: Как реализовать: нажать на картинку и всплывает окно с в

Не надо ничего заменять. В стилях прописаны относительные пути, типа ../images/bla-bla-bla.jpg. Просто на своём хостинге соблЮдите такую же структуру папок.
След.

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

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

Зарегистрированные пользователи: нет зарегистрированных пользователей

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