lightbox для 3.1.4

[Trotor 27]

Правда превью так и не исправлена.

Решил сделать так:

a.bbc_url .bbc_img {margin: 0px -2px 50px -2px;}  a.bbc_url:hover .bbc_img {margin: 0px -2px 50px -2px;} 

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

[Trotor 27]

Принцип скрипта следующий:

Кстати, этот скрипт работает только в темах, для сообщений. Можно ли такой же скрипт но только с фиксом для блогов?

[Strategius 52]

Заметил, что в 3.4 нету листинга изображений в сообщении (если в нем несколько картинок). Подойдет ли этот скрипт для 3.4?

[siv1987 2 630]

Подойдет ли этот скрипт для 3.4?

Нет. Там уже есть лайтбокс для инлайн изображений.

[Strategius 52]

Мне нужно добавить только поддержку листинга изображений, а то в 3.4 его нет, как оказалось. Я до того как спросить, все-таки добавил этот скрипт, листинг появился, а после того как Вы сказали, что он не подходит, я его удалил, ничего страшного не случилось с форумом, кеши не нужно обновлять теперь?

 

А как адаптировать этот скрипт, чтобы только листинг картинок остался?

Изменено 14 декабря 2016 пользователем Strategius

[siv1987 2 630]

Если работает значит хорошо.

[Trotor 27]

@siv1987,

Можно плиз изменить этот скрипт для Блогов? Плиз...

[Trotor 27]

3. И самое важное - если изображение-превью, то нажимая на него, сразу картинка превью, то есть картинка в ссылке не срабатывает.

Эта проблема так и остаётся. Без решения её, оставлять Лайтбокс не имеет смысла...

[Trotor 27]

Самый простой вариант добавить lightbox через js, парсер форума 3.1 не имеет должного функционала.

Добавить в конце шаблона Темы -> topicViewTemplate

А как такой скрипт подкорректировать для приложения Links? Что бы листинг работал для всех изображений в записи?

[newbie 1 723]

<script type='text/javascript'>
// Описание
var lid = 0;
$$('.link_details img.bbc_img').each(function(img){
   var parent = img.up();
   if(parent.tagName.toLowerCase() == 'a'){
       if(/\.(jpe?g|gif|png|bmp)$/.test(parent.href)){
           parent.writeAttribute('rel', 'lightbox['+lid+'] ' + parent.readAttribute('rel').replace('external'));
       }
   }
   else{
       var a = new Element('a', {'rel': 'lightbox['+lid+']', 'href' : img.getAttribute('src')});
       img.wrap(a);
   }
});
// Комментарии
$$('.comment').each(function(elem){
   var pid = elem.select('.rep_bar')[0].readAttribute('id').replace('rep_comment_', '');
   elem.select('img.bbc_img').each(function(img){
       var parent = img.up();
       if(parent.tagName.toLowerCase() == 'a'){
           if(/\.(jpe?g|gif|png|bmp)$/.test(parent.href)){
               parent.writeAttribute('rel', 'lightbox['+pid+'] ' + parent.readAttribute('rel').replace('external'));
           }
       }
       else{
           var a = new Element('a', {'rel': 'lightbox['+pid+']', 'href' : img.getAttribute('src')});
           img.wrap(a);
       }
   });
});
</script>

[Trotor 27]

@newbie,

Большое спасибо!

[Trotor 27]

@newbie,

Хотел этот код также и для приложения Tutorials прикрепить, думал что замены lid на a_id (идентификатор статьи) и link_details на post_block хватит для работоспособности кода, однако нет, не сработала.

Подскажите где ещё заменить что бы код сработал и в приложение Tutorials.

[newbie 1 723]

<script type='text/javascript'>
// Описание
var a_id = 0;
$$('#article_body .post_block img.bbc_img').each(function(img){
   var parent = img.up();
   if(parent.tagName.toLowerCase() == 'a'){
       if(/\.(jpe?g|gif|png|bmp)$/.test(parent.href)){
           parent.writeAttribute('rel', 'lightbox['+a_id+'] ' + parent.readAttribute('rel').replace('external'));
       }
   }
   else{
       var a = new Element('a', {'rel': 'lightbox['+a_id+']', 'href' : img.getAttribute('src')});
       img.wrap(a);
   }
});

// Комментарии
$$('#article_comments .comment').each(function(elem){
   var pid = elem.readAttribute('id').replace('comment_id_', '');
   elem.select('img.bbc_img').each(function(img){
       var parent = img.up();
       if(parent.tagName.toLowerCase() == 'a'){
           if(/\.(jpe?g|gif|png|bmp)$/.test(parent.href)){
               parent.writeAttribute('rel', 'lightbox['+pid+'] ' + parent.readAttribute('rel').replace('external'));
           }
       }
       else{
           var a = new Element('a', {'rel': 'lightbox['+pid+']', 'href' : img.getAttribute('src')});
           img.wrap(a);
       }
   });
});
</script>

[Trotor 27]

@newbie,

Большое спасибо!

[Trotor 27]

Подскажите пожалуйста как сделать что бы Лайтбокс не срабатывал на изображениях которые находятся внутри ссылок. Какой то фикс отмены. А то ведь если изображение находиться внутри ссылки - всё, переход по ссылке не срабатывает, открывается именно изображение.

Очень нужно.