Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
Haktar

lightbox для 3.1.4

Recommended Posts

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

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

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

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

imp1481634608_2016-12-13_150753.jpg

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
Подойдет ли этот скрипт для 3.4?

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

  • Upvote 1

Share this post


Link to post
Share on other sites

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

 

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

Edited by Strategius

Share this post


Link to post
Share on other sites

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

  • Upvote 1

Share this post


Link to post
Share on other sites

@siv1987,

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

<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>

  • Upvote 2

Share this post


Link to post
Share on other sites

@newbie,

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

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

Share this post


Link to post
Share on other sites

<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>

  • Upvote 1

Share this post


Link to post
Share on other sites

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

Очень нужно.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...