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

StalkerDL · 17 ноя 2011, 02:48 StalkerDL

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

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

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

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

Admin · 18 ноя 2011, 13:18 Admin

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

Rustam163 · 21 ноя 2011, 11:44 Rustam163

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

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

Admin · 22 ноя 2011, 12:55 Admin

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

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

StalkerDL · 22 ноя 2011, 16:52 StalkerDL

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

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

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

Rustam163 · 22 ноя 2011, 22:02 Rustam163

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

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

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

StalkerDL · 28 ноя 2011, 04:07 StalkerDL

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

aldous · 28 ноя 2011, 08:24 aldous

PrettyPhoto

StalkerDL · 30 ноя 2011, 05:26 StalkerDL

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

aldous · 30 ноя 2011, 08:43 aldous

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

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

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

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

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

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

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

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

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

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

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

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

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