Помощник
|
Есть ли такой плагин?, wordpress |
RSmile
|
Сообщение
#1
|
||
|
|
||
|
|||
JOHNY |
27.1.2013, 2:21;
Ответить: JOHNY
Сообщение
#2
|
|
лайт бокс У меня вообще, не знаю почему, плагин лайтбокс не работает,и подобные ему. -------------------- |
|
|
TwistedAndy |
27.1.2013, 12:44;
Ответить: TwistedAndy
Сообщение
#3
|
|
RSmile, такую штуку несложно написать на обычном JS или jQuery. Суть скрипта проста: в блоке с контентом по нужным параметрам выбираются картинки и на них навешивается событие onclick, при котором появляется модальное окно и картинка на весь размер.
-------------------- |
|
|
RSmile
|
Сообщение
#4
|
|
Может кто-то может такое сделать? Заплачу конечно...
-------------------- |
|
|
Pepper |
2.2.2013, 5:22;
Ответить: Pepper
Сообщение
#5
|
|
Подойдет jQuery и плагин fancyBox. Всегда использую эту связку.
1. Подключите обе библиотеки. 2. В шаблон сайта в нужное место вставьте следующий Javascript код (тут вариантов много): $(function(){ $('body').on('click', 'a>img,img', function(e){ var t = $(this), p = t.parent(), url; if(p && p.is('a')){ e.preventDefault(); url = p.attr('href'); }else{ url = t.attr('src'); } $.fancybox({type:'image',href:url}); }); }); Рабочий пример, который я быстро набросал, можно глянуть тут (покликайте картинки): http://jsfiddle.net/BQSru/2/ Сообщение отредактировал Pepper - 2.2.2013, 5:35 |
|
|
RSmile
|
Сообщение
#6
|
|
fancyBox - это есть такой плагин на WP или нужно подключать как в инструкции неписано?
-------------------- |
|
|
veteranbk |
2.2.2013, 16:25;
Ответить: veteranbk
Сообщение
#7
|
|
Сообщение отредактировал veteranbk - 2.2.2013, 16:26 -------------------- |
|
|
RSmile
|
Сообщение
#8
|
|
veteranbk, спасибо, попробую такой способ.
-------------------- |
|
|
Pepper |
2.2.2013, 23:17;
Ответить: Pepper
Сообщение
#9
|
|
WP плагины тут вообще ни при чем. Это просто Javascript.
А fancybox и lightbox - это в принципе одно и то же. В header.php перед </head> добавить: <link href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.css" rel="stylesheet" type="text/css" /> В footer.php перед </body> вставить: <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.min.js"></script> <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.pack.js"></script> <script type="text/javascript"> $(function(){ $('body').on('click', 'a>img,img', function(e){ var t = $(this), p = t.parent(), url; if(p && p.is('a')){ e.preventDefault(); url = p.attr('href'); }else{ url = t.attr('src'); } $.fancybox({type:'image',href:url}); }); }); </script> И все. Для надежности можно скачать все себе на сервер и поменять пути к файлам. Сообщение отредактировал Pepper - 2.2.2013, 23:18 |
|
|
Вентилятор |
3.2.2013, 1:36;
Ответить: Вентилятор
Сообщение
#10
|
|
Pepper, так ваш код, вроде бы, все картинки, что есть на странице будет открывать в лайтбоксе. включая элементы сайдбара, и тп. а автору надо наверное, чтобы только те, что в записи...
|
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Есть смысл создавать сайты на латышском? | 15 | Nekit | 3250 | 20.3.2024, 9:40 автор: Skyworker |
|
Есть ли инструмент для поиска запросов на YouTube? | 1 | rownong27 | 968 | 18.2.2024, 22:19 автор: malamut |
|
Ищу плагин для работы с партнеркой Я.Маркета | 0 | HavingingWorld | 775 | 20.1.2024, 22:09 автор: HavingingWorld |
|
Microsoft отказался работать в России: на что повлияет и есть ли ему замена | 30 | Room | 4481 | 30.12.2023, 23:17 автор: australianman |
|
Pharmcashusa.com. Есть USA фарма траф? Вам сюда! | 36 | Herbalka | 14524 | 11.12.2023, 21:27 автор: Herbalka |
Текстовая версия | Сейчас: 29.3.2024, 15:17 |