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

16 ноя 2011, 22: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:

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

18 ноя 2011, 09:18 Admin

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

21 ноя 2011, 07:44 Rustam163

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

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

22 ноя 2011, 08:55 Admin

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

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

22 ноя 2011, 12:52 StalkerDL

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

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

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

22 ноя 2011, 18:02 Rustam163

Admin писал(а):

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

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

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

28 ноя 2011, 00:07 StalkerDL

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

28 ноя 2011, 04:24 aldous

PrettyPhoto

30 ноя 2011, 01:26 StalkerDL

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

30 ноя 2011, 04:43 aldous

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