[Highslide Image Viewer] - просмотр графических вложений во всплывающем окне.

[digger®]

[Highslide Image Viewer] - просмотр графических вложений во всплывающем окне.
Автор: Digger
Последняя версия: 1.6
Совместим: SMF1, SMF2
Ошибки и пожелания: http://dev.simplemachines.ru/index.php?project=4
Локализации:
chinese-simplified-utf8
chinese-traditional-utf8
danish
dutch
english-utf8
english
french-utf8
italian
polish
russian-utf8
russian
serbian_latin-utf8
spanish_es
turkish

Ссылка: http://custom.simplemachines.org/mods/index.php?mod=1450
Демо: http://simple-machines.ru/index.php?topic=7.0
Заимствования: Использованы некоторые фиксы из мода Integrate Lightbox

Важно: Мод содержит java-script Highslide JS, который бесплатен только для некоммерческого использования. Если вы собираетесь использовать его на коммерческом сайте, обратитесь к автору для оплаты лицензии - highslide.com/#licence

Описание:
При клике на картинку подгружается большое изображение. Если оно больше области просмотра, то сжимается до границ области просмотра и появляется значок при клике на который растягивается до оригинального размера. Изображение можно перетаскивать. При повторном клике большое изображение "возвращается на место".
Стрелки курсора на клавиатуре листают все изображения на странице. Имеется функция слайдшоу для картинок размещенных в пределах одной страницы.
Если в сообщении есть превью картинки с сервисов Imageshack.us, Photobucket.com, iPicture.ru, Radikal.ru, Keep4u.ru, Xs.to или Fotosik.pl, то отработает подгрузка оригинала. Так же, если вы разместите картинку внутри ссылки на полную картинку, то она будет обработана.

История:
1.0 beta2. Добавления и поддержка iPicture.ru (deadbead).
1.0 beta3. Исправлена обработка ссылок типа [ url = http://site.com ][ img ]...[ /img ][ /url ]
1.0 beta4. Исправлена обработка недоисправленная в beta3. Добавлено отображение элементов навигации на изображении.
1.0 RC1. Добавлена функция слайдшоу в пределах страницы. Мелкие исправления.
1.0 RC2. Мелкие косметические исправления.
1.0 RC3. Добавлена совместимость с SMF2.
1.0 RC4. Добавлена поддержка языковых файлов. Добавлены языки: russian и russian-utf8.
1.0 RC5. Добавлен датский язык.
1.0 RC6. Мелкие косметические исправления. При слайдшоу/листании картинок эффект смены изображений изменен на более подходящий.
1.0 RC7 - Исправлена ошибка "Undefined index:  subject" возникающая при работе с некоторыми бриджами/порталами. Добавлен французский язык.
1.0 RC8 - Исправлена ошибка "Undefined index:  host" возникающая из-за неправильных путей у вложений..
1.0 RC9 - Добавлена поддержка превьюшек из SMF Media Gallery.
Обратываются BBC вроде таких:

Код Выделить Развернуть

[img]http://smf-media.com/community/MGalleryItem.php?id=167;preview[/img]

Код Выделить Развернуть

[img]http://smf-media.com/community/MGalleryItem.php?id=167;thumb[/img]
1.0 Devel - Добавлена поддержка Radikal.ru (deadbead) и keep4u.ru
1.1 Мелкие исправления. Убрана поддержка SMF Media Gallery из за несовместимости модов. Добавлена поддержка Xs.to (jamz).
1.2 Мелкие исправления.
1.3 Исправлен баг с изображениями в подписях.
1.4 Добавлена поддержка мода Attachments Positioning. (Протестировано с Attachments Positioning 1.2)
1.5 Добавлена поддержка мода Attachments In Message. (Протестировано с Attachments In Message 1.3)
1.6 Поддержка SMF2 RC2.

Дополнительно:
Если нужно чтобы мод работал и в SMF Gallery (проверено на 1.9.3), то
в Gallery.template.php
найдите четыре места похожие на указанные строки (возможны небольшие отличия, это не страшно)

Код Выделить Развернуть


echo '<td align="center"><a href="' . $scripturl . '?action=gallery;sa=view;id=' . $row['ID_PICTURE'] . '">
<img ' . ($GD_Installed == true ?  'src="' . $modSettings['gallery_url'] . $row['thumbfilename'] . '" ' : 'src="' . $modSettings['gallery_url'] . $row['filename'] . '" height="78" width="120" ')  . ' border="0" alt="" /></a><br />';

и замените на

Код Выделить Развернуть


echo '<td align="center"><a href="' . $modSettings['gallery_url'] . $row['filename'] . '" class="highslide" rel="highslide">
<img ' . ($GD_Installed == true ?  'src="' . $modSettings['gallery_url'] . $row['thumbfilename'] . '" ' : 'src="' . $modSettings['gallery_url'] . $row['filename'] . '" height="78" width="120" ')  . ' border="0" alt="' .  '<a href=\'' . $scripturl . '?action=gallery;sa=view;id=' . $row['ID_PICTURE'] . '\'>[Detail]</a>' . '" /></a><br />';
echo '<div class="highslide-heading">' , [at]$context['gallery_cat_name'] , '</div>';


---

Если вам оказался полезен этот мод, можете выразить свою благодарность и проспонсировать дальнейшее его развитие по следующим реквизитам.
Webmoney Z106477359122, R415814630950, U182033632769
Яндекс-Деньги 41001194767616   

---   

[deadbead]

Поковырялся немного в моде и понял таки что он делает)

Основная фишка в том что если вы постите превью картинки с сервисов Imageshack, Photobucket, а тепер еще и iPicture, то отработает подгрузка оригинала.

А так же если вы разместите картинку внутри ссылки на картинку, то она так же будет обработана Highlide.

убрал обработку не требующих маштабирования картинок,
добавил поддержку сервиса iPicture,

Измененный мод в шапке.

[dedmazai]

[Highslide Image Viewer] - просмотр графических вложений во всплывающем окне.
Автор: Digger
Последняя версия: 1.0 beta1
Совместим: 1.1.2, 1.1.3, 1.1.4
Демо: http://simple-machines.ru/index.php?topic=2.0
Заимствования: Использованы некоторые фиксы из мода Integrate Lightbox

Важно: Мод содержит java-script Highslide JS, который бесплатен только для некоммерческого использования. Если вы собираетесь использовать его на коммерческом сайте, обратитесь к автору для оплаты лицензии - http://vikjavev.no/highslide

Описание:
При клике на картинку подгружается большое изображение. Если оно больше области просмотра, то сжимается до границ области просмотра и появляется значок при клике на который растягивается до оригинального размера. Изображение можно перетаскивать. При повторном клике большое изображение "возвращается на место".
Стрелки курсора на клавиатуре листают все изображения на странице.

То что нужно!

[Stern]

Кстати я заметил на http://simple-machines.ru/index.php?topic=2.msg7#msg7 что вставлена картинка из iPicture, но не превьюшка а оригинал... и не смотря на это она все равно пытается "увеличиться"...

В моей сборке эта проблема решена) Попробуйте)

Спасибо, deadbead, поставил пока на тестовом форуме, посмотрю, не повылазят ли ошибки со временем.
Для 2.0 собираетесь делать?


P.S. При просмотре внизу страницы форма быстрого перехода к разделам форума пересекает и разрывает всплывшую картинку...

[Stern]

Посмотрел, покрутил, ничего такого не увидел.
Opera 9.5 и FF3

Глянь вот здесь, к примеру.
Но я смотрел ИЕ 6.0

Глянул Оперой и ФФ - в них всё нормально!

[catsanek]

Установил у себя мод, но почему-то не работает.
Фотографии строительства
Помогите пожалуйста!

[digger®]

Глянь вот здесь, к примеру.
Но я смотрел ИЕ 6.0

Хе-хе, смешно. Пришлось слазить на терминальный сервак в офис, чтобы посмотреть из IE6. Таки да, козявит его.

В IE7, Opera9, FF3 и Safari 3 все прекрасно.
И у меня нет особого желания чтобы разбиратся что там не так с древним и убогим html-viewer'ом, который даже браузером язык назвать не поворачивается. Если кто-то знает, шлите патч

[digger®]

Спасибо, что подсказали! точно не видны!  исправил, посмотрите пожалуйста ещё разок.

Мод не установлен.

[catsanek]

Приветствую! В админке написано, что мод установлен! что делать?

[digger®]

Приветствую! В админке написано, что мод установлен! что делать?

Еще какие-нибудь моды установлены? Работают?

[catsanek]

Еще какие-нибудь моды установлены? Работают?

Я Вам в личку сообщение написал. посмотрите рожалуйста

[catsanek]

А может в админке надо где-то разрешить использовать пакеты модификаций?

[deadbead]

Если вы используете не стандартную тему (не Default) то скоре всего мод придется ставить ручками... Все зависит от того на сколько сильно модифицирована ваша тема.

[ZeUsSaN]

Проблема...
попробуйте сделать так:

Код Выделить Развернуть

[url=http://site.com][img]http://site.com/img/picture.gif[/img][/url]
В итоге открываеться картинка а не сайт...
Вопрос: как это исправить?

[deadbead]

Понял как исправить... Вечером гляну.

Только мне кажется, что такое хитрющее регулярное выражение я не осилю... посмотрим.

[ZeUsSaN]

Понял как исправить... Вечером гляну.

Только мне кажется, что такое хитрющее регулярное выражение я не осилю... посмотрим.

Разясню : )

Код Выделить Развернуть

[url=http://site.com][img]http://site.com/img/picture.gif[/img][/url]
вместо того чтобы открылся сайт - _ttp://site.com открываеться картинка _ttp://site.com/img/picture.gif с помошью даного мода

[deadbead]

Да не) В чем проблема я понял) И даже знаю почему....
Однако чтобы исправить это потребуется переделать то регулярное выражение, которое ищет картинки в сообщении... а оно там и так громоздкое...

[digger®]

Проблема...
попробуйте сделать так:

Код Выделить Развернуть

[url=http://site.com][img]http://site.com/img/picture.gif[/img][/url]
В итоге открываеться картинка а не сайт...
Вопрос: как это исправить?

Исправлено. В шапке обновление.

[ZeUsSaN]

Кажеться здесь что-то не так
в install.xml строчка 96 (в Subs.php как у кого )

Код Выделить Развернуть


// Http links don't use highslide
       if(preg_match('~/\.(png|gif|jp(e)?g|bmp)', $b[2]))


форум говорит что там ошибка 

preg_match() [<a href='function.preg-match'>function.preg-match</a>]: No ending delimiter '~' found

[digger®]

Кажеться здесь что-то не так
в install.xml строчка 96 (в Subs.php как у кого )

форум говорит что там ошибка 

Перезалил исправленный

[ZeUsSaN]

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

З.Ы.: "Извините, но Вы не можете изменить карму в течении 24 часов."

[deadbead]

Да, digger) Несомненно +1 И где вы только время на все находите?)

З.Ы. Кстати, надо бы править описание в шапке... Было бы лучше написать не "в всплывающем окне", а  "в сплывающем DHTML слое" IMHO.

[deadbead]

Потестил последнюю сборку.... картинки типа

Код Выделить Развернуть

[URL=http://ipicture.ru/Gallery/Viewfull/1509183.html][IMG]http://ipicture.ru/uploads/080423/7545/thumbs/gnVu6sdC9K.jpg[/img][/URL]
отрабатывают неожиданно....

[digger®]

Потестил последнюю сборку.... картинки типа

Код Выделить Развернуть

[URL=http://ipicture.ru/Gallery/Viewfull/1509183.html][IMG]http://ipicture.ru/uploads/080423/7545/thumbs/gnVu6sdC9K.jpg[/img][/URL]
отрабатывают неожиданно....

Вполне ожиданно. Линк указывает не на картинку, соответственно по клику линк и открывается.

[MaGoth]

@digger:

Собственно по моду возник один вопрос?!
Почему убрали родные стрелочки вкюченные в окно отображения картинки, которые есть в скрипте?
Очень неудобно, на мой взгяд, + не каждый пользователь додумается с клавы рулить картинками, все-же, лучше оставить и оба варианта. Естественно имхо.

Ps. Сам мод хорош.
Pss. Нет желания реализовать тег "спойлер", некогда описаный мною? 

[digger®]

@digger:

Собственно по моду возник один вопрос?!
Почему убрали родные стрелочки вкюченные в окно отображения картинки, которые есть в скрипте?
Очень неудобно, на мой взгяд, + не каждый пользователь додумается с клавы рулить картинками, все-же, лучше оставить и оба варианта. Естественно имхо.

Да они страшные какие-то, эти стрелочки и при наведении мыши на картинку, в подсказке пишет что можно листать стрелками, так что догадаться не сложно.
Можно и вернуть конечно, только надо ли...

[MaGoth]

А если в шопе картинку стрелочек аккуратнее сделать?
Думаю надо, но это только мое мнение.

[digger®]

А если в шопе картинку стрелочек аккуратнее сделать?
Думаю надо, но это только мое мнение.

В следущей бетке включу, посмотрим.

[deadbead]

Вполне ожиданно. Линк указывает не на картинку, соответственно по клику линк и открывается.

Открывается то не линк, а каринка... но не через Highslide а просто в _blank окошке.

И вообще теперь не вставить картинку в сообщение так чтобы Highslide отработал... Только вложения и обрабатываются

Я на Вашем тестовом форуме опробовал... (здесь) Посмотрите пожалуйста. Похоже Вы испортили реализованный мной функционал.

[Stern]

Олег, сколько новых релизов ты выпустил после последнего, полученного от тебя по мылу?
Где они (новшества) анонсировались?
Какие исправлены баги?
Что нового?

И как сделать так (вопрос, в-основном, к администрации), чтобы обладатели модов получали уведомления об их обновлениях автоматически?

[digger®]

Очередное обновление. Как обычно, исправлены старые баги, добавлены новые
Доисправлена проблема с картинками внутри линков. Добавлен (по "многочисленным" просьбам) вывод стрелок-листалок на картинках.

Олег, сколько новых релизов ты выпустил после последнего, полученного от тебя по мылу?
Где они (новшества) анонсировались?
Какие исправлены баги?
Что нового?

В шапке все написано.

[deadbead]

Очередное обновление. Как обычно, исправлены старые баги, добавлены новые

Затестил) Все гуд. Спасибо)

1.0 beta4. Добавлено отображение элементов навигации на изображении.

А вот это уже ИМХО надо бы в настройки вынести Кому то надо чтобы была навигация, а кому-то нет)

[digger®]

А вот это уже ИМХО надо бы в настройки вынести Кому то надо чтобы была навигация, а кому-то нет)

Если больше багов нет, то в след. бетке будут языковые стринги и некоторые настройки.

[deadbead]

Отлично! Думаю это будет один из самых популярных модов.
(особенно когда доделаем "автопостинг" на iPicture )

[antidiablo]

а можно узнать какие именно строчки мод меняет в default шаблоне, а то у меня стоит не стандартная тема.

[digger®]

а можно узнать какие именно строчки мод меняет в default шаблоне, а то у меня стоит не стандартная тема.

Можно взять установщик мода и посмотреть что он меняет при установке.

[antidiablo]

да спасибо нашёл, щяс папробую поставить

[MaGoth]

Отлично, сейчас буим тестить.
Лови плюсик чесно заработанный.

[dedmazai]

На стандарте всё ставится.На не стандартной теме поставить не получается.Кто нить пробовал на не дефолтной теме тестить?

[digger®]

На стандарте всё ставится.На не стандартной теме поставить не получается.Кто нить пробовал на не дефолтной теме тестить?

А чего пробовать? Берете и вручную правите два файла.

[Stern]

На стандарте всё ставится.На не стандартной теме поставить не получается.Кто нить пробовал на не дефолтной теме тестить?

У меня на тестововм форуме молча работает с Oxygen'ом (каковой, если не ошибаюсь, является клоном Babylon'а). А с Mercury TP отказывается...

[dedmazai]

А чего пробовать? Берете и вручную правите два файла.

Поправил.Залил имаги и в тему что там нужно.Очистил кеш,перезашёл,имаги открываються в новом окне но никак не в рамке

[digger®]

Поправил.Залил имаги и в тему что там нужно.Очистил кеш,перезашёл,имаги открываються в новом окне но никак не в рамке

ссылку

[CiQ]

Поправил.Залил имаги и в тему что там нужно.Очистил кеш,перезашёл,имаги открываються в новом окне но никак не в рамке

ты точно в файле index.template.php твоей темы вставил после

Код Выделить Развернуть

        <link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/print.css?fin11" media="print" />';

это

Код Выделить Развернуть

// * Highslide mod
echo '<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/highslide.js"></script>
<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/highslide.css" media="screen" />
<script type="text/javascript">;   
    hs.graphicsDir = "', $settings['default_theme_url'], '/highslide/";
    hs.outlineType = "rounded-white";
    hs.captionEval = "this.thumb.alt";
    hs.creditsText = "";
    hs.creditsHref = "";
    hs.creditsTitle = "";
    //hs.loadingText = "";
    //hs.loadingTitle = "";
    //hs.numberOfImagesToPreload = "5" // 5 default;
    hs.registerOverlay(
      {
    thumbnailId: null,
    overlayId: "controlbar",
    position: "top right",
    hideOnMouseOut: true
  }
);
  </script>';
// Highslide mod *


?

[dedmazai]

ты точно в файле index.template.php твоей темы вставил после

Код Выделить Развернуть

        <link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/print.css?fin11" media="print" />';

это

Код Выделить Развернуть

// * Highslide mod
echo '<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/highslide.js"></script>
<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/highslide.css" media="screen" />
<script type="text/javascript">;   
    hs.graphicsDir = "', $settings['default_theme_url'], '/highslide/";
    hs.outlineType = "rounded-white";
    hs.captionEval = "this.thumb.alt";
    hs.creditsText = "";
    hs.creditsHref = "";
    hs.creditsTitle = "";
    //hs.loadingText = "";
    //hs.loadingTitle = "";
    //hs.numberOfImagesToPreload = "5" // 5 default;
    hs.registerOverlay(
      {
    thumbnailId: null,
    overlayId: "controlbar",
    position: "top right",
    hideOnMouseOut: true
  }
);
  </script>';
// Highslide mod *


?

Точно

[ZeUsSaN]

2 DedMazai
Вставь ето перед

Код Выделить Развернуть


                /* Internet Explorer 4/5 and Opera 6 just don't do font sizes properly. (they are big...)
Thus, in Internet Explorer 4, 5, and Opera 6 this will show fonts one size smaller than usual.
Note that this is affected by whether IE 6 is in standards compliance mode.. if not, it will also be big.
Standards compliance mode happens when you use xhtml... */

[AndrSS]

При установки сказало, что Subs.php какая то ошибка.
Ставлю на форум 1.1.4 с не дефолтной темой, и открывается все потом в новом окне.
Не могли бы помочь!?
Я честно прочитал все темы что можно, но ответа так и не понял для себя! (возможно тупой я)

P.S.  Сорри! Спасибо разобрался! Проблема тут была описАнна
но остался нехороший "осадок" от предупреждения на файл Subs.php 

И еще!
Не смог поставить этот мод  в теме "babylon" ! 
Там как выскакивала она раньше в сообщении в полный экран так и скачет.
Файл index.template.php подправил!
Но не работает!

[Danon]

А как данный мод относится к версии 1.1.5?

[ZeUsSaN]

А как данный мод относится к версии 1.1.5?

Всё отлично работает!

[Danon]

Это хорошо)))с
Вот только где я могу найти описание как его ручками поставить?