X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
> Есть ли такой плагин?, wordpress
RSmile
RSmile
Topic Starter сообщение 27.1.2013, 2:01; Ответить: RSmile
Сообщение #1


Бывалый
****

Группа: User
Сообщений: 496
Регистрация: 2.11.2012
Из: Brest
Поблагодарили: 204 раза
Репутация:   32  


Есть ли такой плагин, который бы открывал картинку в лайт бокс, если даже эта картинка не ссылкой, а просто как <img scr=""/>


--------------------
Безлимитный SSD-Хостинг. Рекомендую! Месяц бесплатно!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
JOHNY
JOHNY
сообщение 27.1.2013, 2:21; Ответить: JOHNY
Сообщение #2


Топовый постер
*******


Группа: Active User
Сообщений: 4718
Регистрация: 23.8.2010
Из: Украина
Поблагодарили: 1821 раз
Репутация:   280  


(RSmile @ 27.1.2013, 1:01) *
лайт бокс

У меня вообще, не знаю почему, плагин лайтбокс не работает,и подобные ему.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
TwistedAndy
TwistedAndy
сообщение 27.1.2013, 12:44; Ответить: TwistedAndy
Сообщение #3


Участник
***

Группа: User
Сообщений: 232
Регистрация: 11.12.2012
Из: Киев
Поблагодарили: 96 раз
Репутация:   30  


RSmile, такую штуку несложно написать на обычном JS или jQuery. Суть скрипта проста: в блоке с контентом по нужным параметрам выбираются картинки и на них навешивается событие onclick, при котором появляется модальное окно и картинка на весь размер.


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
RSmile
RSmile
Topic Starter сообщение 2.2.2013, 3:32; Ответить: RSmile
Сообщение #4


Бывалый
****

Группа: User
Сообщений: 496
Регистрация: 2.11.2012
Из: Brest
Поблагодарили: 204 раза
Репутация:   32  


Может кто-то может такое сделать? Заплачу конечно...


--------------------
Безлимитный SSD-Хостинг. Рекомендую! Месяц бесплатно!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Pepper
Pepper
сообщение 2.2.2013, 5:22; Ответить: Pepper
Сообщение #5


Бывалый
****

Группа: User
Сообщений: 393
Регистрация: 14.1.2011
Поблагодарили: 123 раза
Репутация:   31  


Подойдет 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


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
RSmile
RSmile
Topic Starter сообщение 2.2.2013, 14:38; Ответить: RSmile
Сообщение #6


Бывалый
****

Группа: User
Сообщений: 496
Регистрация: 2.11.2012
Из: Brest
Поблагодарили: 204 раза
Репутация:   32  


fancyBox - это есть такой плагин на WP или нужно подключать как в инструкции неписано?


--------------------
Безлимитный SSD-Хостинг. Рекомендую! Месяц бесплатно!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
veteranbk
veteranbk
сообщение 2.2.2013, 16:25; Ответить: veteranbk
Сообщение #7


Новичок
*

Группа: User
Сообщений: 20
Регистрация: 5.11.2012
Поблагодарили: 3 раза
Репутация:   0  




Сообщение отредактировал veteranbk - 2.2.2013, 16:26


--------------------
CenterDomains.ru - .RU/РФ по 49 рублей


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
RSmile
RSmile
Topic Starter сообщение 2.2.2013, 17:15; Ответить: RSmile
Сообщение #8


Бывалый
****

Группа: User
Сообщений: 496
Регистрация: 2.11.2012
Из: Brest
Поблагодарили: 204 раза
Репутация:   32  


veteranbk, спасибо, попробую такой способ.


--------------------
Безлимитный SSD-Хостинг. Рекомендую! Месяц бесплатно!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Pepper
Pepper
сообщение 2.2.2013, 23:17; Ответить: Pepper
Сообщение #9


Бывалый
****

Группа: User
Сообщений: 393
Регистрация: 14.1.2011
Поблагодарили: 123 раза
Репутация:   31  


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


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Вентилятор
Вентилятор
сообщение 3.2.2013, 1:36; Ответить: Вентилятор
Сообщение #10


покупаю хорошие проекты
******

Группа: Active User
Сообщений: 1815
Регистрация: 8.8.2010
Поблагодарили: 605 раз
Репутация:   106  


Pepper, так ваш код, вроде бы, все картинки, что есть на странице будет открывать в лайтбоксе. включая элементы сайдбара, и тп. а автору надо наверное, чтобы только те, что в записи...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужен импорт данных в Вордпресс (плагин WP All Import)
Надо настроить импорт данных в Вордпресс через плагин Wp All Import
1 mirmix 463 16.5.2018, 18:50
автор: adnr78
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыЕсть среди нас алкаши?
155 Вазелин 8268 14.5.2018, 18:02
автор: prodesignart
Открытая тема (нет новых ответов) Плагин для сбора подписной базы (email) в WordPress
0 DVORYAN 466 10.5.2018, 17:01
автор: DVORYAN
Открытая тема (нет новых ответов) Есть эксперты HTML + CSS ?
4 _fan_ 615 3.5.2018, 22:32
автор: _fan_
Открытая тема (нет новых ответов) Есть постравшие от сегодняшнего обновления поисковой базы от Яндекса
28 Postdanke 3450 29.4.2018, 22:48
автор: rom_4


 



RSS Текстовая версия Сейчас: 21.5.2018, 21:02
Дизайн