[download] Protos LightBox 1.1 - Highslide эффект для изображений

[beliyadm]

По необходимости нашел данный плагин для линейки 1.5 и для удобства сообщества выкладываю чуть подправленную версию
Автор Ivo Apostolov
Лицензия Non-Commercial

Что сделано:

• Переведен на русский язык (у кого совсем уж туго с иностранным), файлы сохранены в UTF-8
• Исправлена ошибка в файле стилей в пути к иконке zoomin.cur
• Добавил 5 стилей стандартного Highslide  в плагин

Установка и использование:
 1 - установить плагины protos.lightbox и protos.lightbox.js, опубликовать оба.
 2 - в настройках плагина Protos Lightbox выставить ширину\высоту превьюшек, указать папку (от images/stories), если пусто - при использовании плагина указывать картинки из корня images/stories.
 3 - в режиме редактирования материала вписать теги:

Код

{limage}test.jpg{/limage}

либо если не указана папка в настройках плагина

Код

{limage}test/test.jpg{/limage}

4 - при необходимости изменить стиль рамки всплывающего окна - внести изменения в файл plugins\system\protos.lightbox.js.php, параметр hs.outlineType. Доступные стили - beveled, drop-shadow, glossy-dark, outer-glow, rounded-black, rounded-white

Вот и всё, по всем вопросам работы плагина - обращайтесь к автору.
P.S. меня смутил только один момент - невозможность задать ALT для изображения (в качестве временного решения задал путь до изображения, можно исправить в plugins\content\protos.lightbox.php, строка 61 с формированием $limage), но не смертельно для меня. Найдутся желающие пофиксить - будем рады

P.P.S.
Прошу прощения, это я при разборе модуля забыл убрать эхо
В файле plugins\content\protos.lightbox.php находим строки 29-30

Код

$regex = "#{limage}(.*?){/limage}#s";
echo $regex;

И удаляем строку

Код

echo $regex;

[papa112]

Да ничё не выходит, прямо ерунда какаято. У меня Joomla 1.5.7
И у меня плагин protos.lightbox.js.zip прямо из джумла не установился, я его так в корень кинул. plugins/sistem/
Может это не для моей джумлы?
Он даже картинку не показывает, а только рамку, а внутри рамки пишет имя картинки.

[beliyadm]

И у меня плагин protos.lightbox.js.zip прямо из Joomla не установился, я его так в корень кинул. plugins/sistem/

этого недостаточно, нужно его еще в базу прописать, если уж руками все делаешь

Может это не для моей джумлы?

для твоей

Да ничё не выходит, прямо ерунда какаято.

анекдот

Что, Данила, не выходит у тебя каменный цветок? А нефиг было засовывать

[papa112]

На локалку встало отлично, НО в самом верху материала вылезло вот что #{limage}(.*?){/limage}#s
Как исправить?

[beliyadm]

На локалку встало отлично, НО в самом верху материала вылезло вот что #{limage}(.*?){/limage}#s

Прошу прощения, это я при разборе модуля забыл убрать эхо
В файле plugins\content\protos.lightbox.php находим строки 29-30

Код

$regex = "#{limage}(.*?){/limage}#s";
echo $regex;

И удаляем строку

Код

echo $regex;

[papa112]

А на серваке не пашет. А может из за того что я до этого ставил Highslide? Но я отключил его.
 Ну сам глянь.  http://www.autotreids.ru/index.php?option=com_content&view=article&id=3&Itemid=3Хотя при отключёном Highslide ,картинок вообще нет , одни рамки а вот пишу вот так {highslide}{limage}2.jpg{/limage}{/highslide} при отключёном highslide и всё получается, но видны теги highslide.

[beliyadm]

так проблема в том, что highslide и limage используют разные теги для внедрения в материал картинок, потому если у тебя вставлено {highslide}{limage}2.jpg{/limage}{/highslide} - работать по идее не должно
Добавь в один материал чистый код для данного плагина, удали вообще highslide и проверь публикацию обоих плагинов для protos.lightbox

[papa112]

А можно ли на разных страницах использовать разные плагины? Они друг другу мешать не будут? Дело втом что сайт раскручивается и всегда есть посетитли, не хотелсь бы чтобы они видели рабочий процесс т.е., то работает, то абракадабру пишет/

[beliyadm]

Они друг другу мешать не будут?

Сами по себе будут, потому что используется один скрипт но в разных вариациях..
Потому рекомендовал бы сначала все сделать локально, а после уже перенести на хост

[papa112]

А я всё сразу на хосте мастерил и вот highslide отключён, а что получилось вот, весь еод наружу, что не так не пойму, но чую что-то гдето рядом.  http://www.autotreids.ru/index.php?option=com_content&view=article&id=3&Itemid=3

[beliyadm]

дай в личке доступ в админку - гляну

[papa112]

Заходи а я хоть покурю, а то у нас уже час ночи

[beliyadm]

Страница http://www.autotreids.ru/index.php?option=com_content&view=article&id=11&Itemid=10
У тебя было в коде материала

Код

<strong> {Limage}</strong><strong>00012111.jpg{/Limage}{</strong>limage<strong>}</strong><strong>00012112.jpg{/</strong>limage<strong>}<br />Toyota Caldina 2003 год, обьём двиг-ля 1800сс, цена во Владивостоке 13500 у.е. </strong>

Отключил редактор и почистил, стало так:

Код

{limage}00012111.jpg{/limage}{limage}00012112.jpg{/limage}<br />Toyota Caldina 2003 год, обьём двиг-ля 1800сс, цена во Владивостоке 13500 у.е.

Теперь все работает.
Твои ошибки:
1 - лишние теги при выводе мамбота, его парсер соответственно и сбивался
2 - limage - с маленькой буквы должно быть

[papa112]

А здесь http://www.autotreids.ru/index.php?option=com_content&view=article&id=3&Itemid=3
Это верхнее меню автомобили

[papa112]

А где редактор отключается?

[beliyadm]

А здесь http://www.autotreids.ru/index.php?option=com_content&view=article&id=3&Itemid=3
Это верхнее меню автомобили

а здесь аналогично, я же тебе указал на твои ошибки, у тебя там сейчас (если откроешь исходный код страницы)

Код

</strong>limage<strong>}00012111.jpg{/</strong>limage<strong>}

Редактор отключается в параметрах пользователя. Для пользователя, что ты мне скинул в личку я редактор уже отключил, теперь иди и чисти код

[papa112]

Посмотри выше в форуме: твои исправления не видно. Там прокрутка, но я понял надо убрать syrong-теги

[beliyadm]

Посмотри выше в форуме: твои исправления не видно.

Если бы мое решение не работало - я бы его и не озвучивал.
Зашел по ссылке, увеличил одно изображение и сделал скрин - смотри на вложение.
Если у тебя не отображаются изменения - чисти кеш

[papa112]

Да я не спорю. Ты отредактировал материал-авто (он был создан специально для опытов ), а я сейчас буду бороться с материалом-автообили, погоди 15 минут, скажу результат, емли что пдмагнёшь.

[beliyadm]

я тебе описал твои ошибки и путь их решения, так что дальше вперед - руки в ноги и чистить ручками html
P.S. вот до чего доводить работа в визуальном редакторе
P.P.S. удаляюсь на покой и жду посылку с пивом

[papa112]

Ну уж извините за профнепригодность, надо было написать, что не работать в визивнг, темуто смотрят не толь опытные.

[papa112]

Вот оказывается оно как!!! Огромный тебе beliyadm РЕСПЕКТ. Спасибо за науку.
Ещё обращусь наверное,
Дa, кстати, так что, визуальный теперь можно включать?

[beliyadm]

Ну уж извините за профнепригодность, надо было написать, что не работать в визивнг, темуто смотрят не толь опытные.

нет, в нем работать то можно, но аккуратно, если вставляешь сторонние теги и форматируешь

Дa, кстати, так что, визуальный теперь можно включать?

да

Огромный тебе beliyadm РЕСПЕКТ. Спасибо за науку.

приходите еще

[Nuta]

скажите, пожалуйста, а в Protos LightBox 1.1 есть возможность просмотра нескольких фотографий, последовательно переключаясь между ними? Вот как здесь реализовано:
<a href="http://www.creative-webstyle.de/index.php/meine-arbeiten">http://www.creative-webstyle.de/index.php/meine-arbeiten</a>

[beliyadm]

скажите, пожалуйста, а в Protos LightBox 1.1 есть возможность просмотра нескольких фотографий, последовательно переключаясь между ними?

Теоретически конечно же да, нужно только скачать с highslide.com версию скрипта с включенной опцией "Navigation" и подправить собственно плагин.
Сам для данного плагина так не делал, если реализуете и выложите в этой же ветке - будет замечательно

[Force]

Такой вот вопрос.
У меня все работает замечательно, но превьюхи лежат на непонятном желтом фоне.

В чем косяк? В коде ничего не нашел.

[beliyadm]

Плагин использует только один файл и стилей protos.lightbox.js.css то только для работы JS эффекта, никакого желтого фона в нем не предусмотрено.
Скорей всего у тебя какие-либо стили шаблона мешают либо идет наложение

[Force]

Вот код этого куска
Обычно, такие календари делают небольшого формата - не более А5. Изначально этот тип календарей предполагает настольное применение.<span>  </span></span>      <pre class="geshi">{limage}Kal_dom_1.jpg{/limage} {limage}Kal_dom_2.jpg{/limage} {limage}Kal_dom_3.jpg{/limage}<br /></pre><p class="MsoNormal"><strong>Способы печати:</strong>

Еще вопрос: где прописывается loader.white.gif ?
Не нравится мне надпись "Загружаем..."

[beliyadm]

зачем limage заключен в <pre class="geshi">?

Не нравится мне надпись "Загружаем..."

plugins\system\protos.lightbox.js строка 53

Код

loadingText : 'Загружаем...',

[Force]

зачем limage заключен в <pre class="geshi">?

Вот и меня оно сильно настораживает... В принципе понятно, что не нужен. Похоже прийдется руками во всех разделах править...

plugins\system\protos.lightbox.js строка 53

Код

loadingText : 'Загружаем...',

Да нет, вы не поняли. Я спросил как заменить 'Загружаем...' на анимированный гиф?