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



 

Здравствуйте, гость (

| Вход | Регистрация )

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


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


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


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

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


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


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


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


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


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


--------------------
Безлимитный SSD-Хостинг. Рекомендую! Месяц бесплатно!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Pepper
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


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


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


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




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


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


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


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


--------------------
Безлимитный SSD-Хостинг. Рекомендую! Месяц бесплатно!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Pepper
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


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


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Есть смысл создавать сайты на латышском?
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


 



RSS Текстовая версия Сейчас: 29.3.2024, 15:17
Дизайн