ColorBox

kinematics · 2015-03-15 07:08:43

Еще один плагин увеличения превью по клику.

Между <head> и </head>:

<link rel="stylesheet" href="colorbox.css"> <!-- путь к стилю превью -->
<script src="jquery.min.js"></script> <!-- можно удалить если уже подключен -->
<script src="jquery.colorbox-min.js"></script> <!-- путь к библиотеке колорбокса -->

Где-нибудь между <body> и </body>:

<script>
    jQuery('a.colorbox').colorbox();
</script>

Будет работать в случае, если:

<a class="colorbox" href="линк-на-картинку" /><img src="картинка" /></a>

Вместо класса colorbox можно использовать любой другой. Главное, не забыть (забить? ) изменить его и в ('a.colorbox')

Вставка с Ютубы:

<a class='youtube' href='https://www.youtube.com/watch?v=wdYBY3ddghM'>Business Cats</a>
<script>
    $('.youtube').colorbox({iframe: true, width: 640, height: 390, href:function(){
        var videoId = new RegExp('[\\?&]v=([^&#]*)').exec(this.href);
        if (videoId && videoId[1]) {
            return 'http://youtube.com/embed/'+videoId[1]+'?rel=0&wmode=transparent';
        }
    }});
</script>

Тут разные примеры и т.д.

ahatomik · 2015-03-18 12:19:27

Не создовая новую тему - подскажите пожалуйста код css
http://mci.org.ua/novinki/kuhnya-systema2.html
При нажатии на картинку - когда она увеличивается, что бы крестик был "закрыть" ..

кому не сложно, напишите этот стиль

пропустил я его или удалил, но не могу сам сделать

Изменено ahatomik (2015-03-18 12:19:43)

kinematics · 2015-03-18 13:36:32

ahatomik пишет:

Не создовая новую тему - подскажите пожалуйста код css
http://mci.org.ua/novinki/kuhnya-systema2.html
При нажатии на картинку - когда она увеличивается, что бы крестик был "закрыть" ..
кому не сложно, напишите этот стиль
пропустил я его или удалил, но не могу сам сделать

Как я понял стиль лайтбокса на этом сайте, в этом файле.

Или скачайте Litebox. Там все исходники.
На всякий приаттачу css.

P.S. Больше всего ненавижу когда картинка во всплывающем окне в 8 раз больше моего размера экрана.

Изменено kinematics (2015-03-18 13:40:51)

ahatomik · 2015-03-18 14:30:32

Спасибо за ответ

P.S. Больше всего ненавижу когда картинка во всплывающем окне в 8 раз больше моего размера экрана.

Сам этого не люблю, когда исправил зашёл на форум а ты аналогично написал моим мыслям
Все работает спасибо.

Next Generation CMS :: Форум поддержки

Объявление

#1 2015-03-15 07:08:43

ColorBox

#2 2015-03-18 12:19:27

Re: ColorBox

#3 2015-03-18 13:36:32

Re: ColorBox

#4 2015-03-18 14:30:32

Re: ColorBox

Подвал раздела