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
Сообщений: 4637
Регистрация: 23.8.2010
Из: Украина
Поблагодарили: 1802 раза
Репутация:   279  


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

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


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


Участник
***

Группа: User
Сообщений: 228
Регистрация: 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
Сообщений: 1801
Регистрация: 8.8.2010
Поблагодарили: 601 раз
Репутация:   106  


Pepper, так ваш код, вроде бы, все картинки, что есть на странице будет открывать в лайтбоксе. включая элементы сайдбара, и тп. а автору надо наверное, чтобы только те, что в записи...


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как найти группы, где в обсуждениях есть аренда
7 Motorocker 978 6.12.2017, 13:49
автор: Nickita_Larionoff
Открытая тема (нет новых ответов) Плагин вывода страниц на главную
2 sebadoh 919 30.11.2017, 8:00
автор: Nell
Открытая тема (нет новых ответов) Помогите найти плагин на WP
Отзывы с профилей соц сетей
1 SEOMR 429 30.11.2017, 7:18
автор: Nell
Открытая тема (нет новых ответов) Сколько можно просить за такой аккаунт ВК?
26 qazex 5693 20.11.2017, 22:06
автор: Kliaga
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыЕсть среди нас алкаши?
80 Вазелин 3149 17.11.2017, 23:35
автор: AlisaGolden


 



RSS Текстовая версия Сейчас: 12.12.2017, 3:08
Дизайн