Технический сбой

Сайт временно работает в режиме только для чтения, идут восстановительные работы. Приносим свои извинения за неудобства.
DLE FAQ » Все вопросы » jQuery » Не перелистывает картинки Lightbox [DLE 10.0]

Не перелистывает картинки Lightbox [DLE 10.0]

     jQuery, Хаки, Ламерские вопросы    3865

вопрос
Прикрутил себе на сайт Lightbox вместо стандартного просмотрщика. Праблема в том, что если в новости несколько картинок, то при открытии полноразмерной картинки нет стрелок перехода к следующей; приходится открытую закрывать и нажимать в новости на другую.
как сделать галерейный просмотр?

Ответил: multoff_net

подсказал pavel31

добавь в ссылку тег rel="group1" то есть примерно так:



Ошибка была в ирм, что нужно вставить тег rel не в картинку, а в ссылку. вот правильный код из файла engine/classes/parse.class.php (строка 1217):

if( $align == '' ) return "<!--dle_image_begin:{$info}--><a href=\"{$url}\" class=\"lightbox\" rel=\"group1\"><img src=\"$url\" width=\"{$config['tag_img_width']}\" height=\"{$out_heigh}\" {$alt} /></a>{$caption}<!--dle_image_end-->";
                    else return "<!--dle_image_begin:{$info}--><a href=\"{$url}\" class=\"lightbox\" rel=\"group1\"><img src=\"$url\" width=\"{$config['tag_img_width']}\" height=\"{$out_heigh}\" style=\"float:{$align};\" {$alt} /></a>{$caption}<!--dle_image_end-->";


(и строка 1351)
        if( $align == '' ) return "<!--TBegin:{$info}--><a href=\"$gurl\" class=\"lightbox\" rel=\"group1\"><img src=\"$url\" {$alt} /></a>{$caption}<!--TEnd-->";
        else return "<!--TBegin:{$info}--><a href=\"$gurl\" class=\"lightbox\" rel=\"group1\"><img src=\"$url\" style=\"float:{$align};\" {$alt} /></a>{$caption}<!--TEnd-->";

13 комментариев

pavel31
Юзер

pavel31 - -

добавь в ссылку тег group="1" то есть примерно так:

<a href="путь до картинки" class="lightbox"><img src="путь до картинки" group="1"></a>
pavel31
Юзер

pavel31 - -

а вернее так:

<a href="путь до картинки" class="lightbox"><img src="путь до картинки" rel="group1"></a>


Модераторы удалите первый комментарий, он не верный :( извиняюсь за ошибки.
multoff_net
Юзер

multoff_net - -

в инструкции к хаку написано:
4. открыть файл parse.class.php в engine/classes.

заменить в нем все упоминания (4 раза.)
onclick=\"return hs.expand(this)\"
на:
class=\"lightbox\"


здесь как поменять?
dj-avtosh
PHP-developer

dj-avtosh - -

Руками, по всей видимости.
По заказам пишем сюда: @Rud00y

ЯД: 41001679231462
Заказы в telegram (ремонт модулей, оптимизация нагрузок и т.п.):
В телегу писать сразу задачу и бюджет.
multoff_net
Юзер

multoff_net - -

я иммел ввиду, может что дописать еще надо, что бы появилась панел перелистывания картинок?

или может что в этом скрипте из инструкции дописать?

3.В файле main.tpl вашего шаблона после тега
<body>

вставить :
<script type="text/javascript">
jQuery(document).ready(function($){
$('.lightbox').lightbox();
});
</script>
dj-avtosh
PHP-developer

dj-avtosh - -

Это обычный запуск лайтбокса. А выше привели пример на объединение изображений в группу.
По заказам пишем сюда: @Rud00y

ЯД: 41001679231462
Заказы в telegram (ремонт модулей, оптимизация нагрузок и т.п.):
В телегу писать сразу задачу и бюджет.
multoff_net
Юзер

multoff_net - -

выше приведенный пример не помог.
dj-avtosh
PHP-developer

dj-avtosh - -

У картинок прописан rel?
По заказам пишем сюда: @Rud00y

ЯД: 41001679231462
Заказы в telegram (ремонт модулей, оптимизация нагрузок и т.п.):
В телегу писать сразу задачу и бюджет.
multoff_net
Юзер

multoff_net - -

прописал его в файл parse.class.php в engine/classes. Или нужно в шаблоне полной новости править?
dj-avtosh
PHP-developer

dj-avtosh - -

у каждого изображения, которое входит в перелистывание должен быть rel
По заказам пишем сюда: @Rud00y

ЯД: 41001679231462
Заказы в telegram (ремонт модулей, оптимизация нагрузок и т.п.):
В телегу писать сразу задачу и бюджет.
multoff_net
Юзер

multoff_net - -

спасибо разобрался сам!
asilis
Юзер

asilis - -

Прошу подсказать код PHP чтобы картинки переключались по клику на картинку?
А так же где можно отключить цикличность галереи?
pippak
Юзер

pippak - -

Кому не сложно помогите установит lightbox на DLE 10.6. Все подключил сделал правку как указано выше, но все ровно не работает. Просто открывается полная картинка.

Похожие вопросы

 05.02.2012 Q-bit  jQuery
 12.02.2012 nalex  Общие вопросы, Общие вопросы по вёрстке, Шаблоны (TPL), jQuery
 15.07.2012 hosts  jQuery
 23.07.2012 dgamal161  Шаблоны (TPL), Стили (CSS), jQuery
 14.10.2012 light  Общие вопросы, jQuery
 24.02.2013 pavholm  jQuery
 24.09.2013 DanRacer  Стили (CSS), jQuery
 03.04.2014 fh79655l123  jQuery
 09.04.2014 enky  jQuery
 06.07.2014 ufh2  Стили (CSS), jQuery
  • Puxlik | Telegram Sender 13
    Фото Puxlik
    Puxlik
    Telegram Sender
    Версию 17.1 поддерживает ?
  • TeraMoune | Не загружается изображение [Ошибка HTTP] ... 2
    Фото TeraMoune
    TeraMoune
    Не загружается изображение [Ошибка HTTP]. Как исправить?
    В этой версии есть фрагментация загрузки файла когда загружаемый файл разделяется на фрагменты, по умолчанию 1 фрагмент 1.5мб. (И у вас написано лимиты на файл 4мб и картинки 5.86мб, этого достаточно чтобы принимать 1.5мб фрагменты) И если бы была проблема с весом или чем-то подобным то об этом бы сервер сообщил. Сервер отдал 500 ошибку это значит что угодно, нужно смотреть ответ от сервера в консоли разработчика или логах.
  • RedFox | Не загружается изображение [Ошибка HTTP] ... 2
    Фото RedFox
    RedFox
    Не загружается изображение [Ошибка HTTP]. Как исправить?
    "Некоторые картинки загружаются, но большинство нет."

    Сначала не обратил внимания, но видимо проблема в этом. Все, что больше 100Кб, не загружается. Что странно, поскольку в php у меня следующие значения:
    post_max_size = 100M
    upload_max_filesize = 100M
    max_file_uploads = 20

    Полагаю, где-то еще надо увеличить размер загружаемой картинки, но где?
  • LMakc | Модуль читалка pdf 1
    Фото LMakc
    LMakc
    Модуль читалка pdf
    Не начинай, я заплатил сегодня штраф за підручники. Сейчас очень сложно с этим.
  • ssssss | Сделать подсчет количества символов в ко ... 5
    Фото ssssss
    ssssss
    Сделать подсчет количества символов в комментариях
    Есть актуальный плагин под 17 версию? (только количество символов! без наворотов... записей куда-либо и т.п.) *ББ-редактор
  • alex.sg.spb | Как вывести информацию о обновлении ново ... 8
    Фото alex.sg.spb
    alex.sg.spb
    Как вывести информацию о обновлении новости, но на время?
    вопрос, в продолжение поста. Помогите с кодом вывода инфо UPDATE на краткой новости, так чтобы не нужно было нажимать внутри новости при редактировании галочку?
  • Kentavr | Как вместо %20 в адресной строке подстав ... 9
    Фото Kentavr
    Kentavr
    Как вместо %20 в адресной строке подставлять символ + между словами ???
    Спасибо огромное. Этот вариант самый простой и рабочий!
  • derebas | Как вместо %20 в адресной строке подстав ... 9
    Фото derebas
    derebas
    Как вместо %20 в адресной строке подставлять символ + между словами ???
    К черту htaccess давайте проще

    к href добавьте id="xfield_value"
    <a href="/company/[xfvalue_company]/" id="xfield_value">[xfvalue_company]</a>

    И добавьте скрипт обработчик 
    <script>
document.addEventListener('DOMContentLoaded', function() {
    const links = document.querySelectorAll('a#xfield_value');

    links.forEach(link => {
      let href = link.getAttribute('href');

      if (href) {
        href = href.replace(/ /g, '+');
        link.setAttribute('href', href);
      }
    });
  });
</script>
  • Kentavr | Как вместо %20 в адресной строке подстав ... 9
    Фото Kentavr
    Kentavr
    Как вместо %20 в адресной строке подставлять символ + между словами ???
    Так сайт не работает вообще. Браузер выдает такое

    Страница недоступна Сайт ... выполнил переадресацию слишком много раз.
    Попробуйте удалить файлы cookie.

    ERR_TOO_MANY_REDIRECTS

    Куки чистил не помогает
  • derebas | Как вместо %20 в адресной строке подстав ... 9
    Фото derebas
    derebas
    Как вместо %20 в адресной строке подставлять символ + между словами ???
    Попробуйте так
    RewriteEngine On
    RewriteCond %{REQUEST_URI} %20
    RewriteRule (.*)%20(.*) $1+$2 [N]
    RewriteRule (.*) $1 [R=301,L]
наверх