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

Автор digger®, 17 апреля 2008, 04:21:15

« назад - далее »

0 Пользователи и 3 гостей просматривают эту тему.

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

Цитата: digger от 17 апреля 2008, 04:21:15
[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

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

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


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

Stern

Цитата: digger от 20 апреля 2008, 03:33:29
Посмотрел, покрутил, ничего такого не увидел.
Opera 9.5 и FF3
Глянь вот здесь, к примеру.
Но я смотрел ИЕ 6.0

Глянул Оперой и ФФ - в них всё нормально!
МышЫ плакали, кололись, но продолжали жрать кактус...

catsanek


digger®

Цитата: Stern от 20 апреля 2008, 03:43:23
Глянь вот здесь, к примеру.
Но я смотрел ИЕ 6.0

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

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


catsanek

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


catsanek

Цитата: digger от 20 апреля 2008, 16:50:57
Еще какие-нибудь моды установлены? Работают?
Я Вам в личку сообщение написал. посмотрите рожалуйста

catsanek

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

deadbead

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

ZeUsSaN

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

deadbead

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

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

ZeUsSaN

Цитата: deadbead от 22 апреля 2008, 16:45:49
Понял как исправить... Вечером гляну.

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

deadbead

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


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


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®

Цитата: deadbead от 23 апреля 2008, 23:24:19
Потестил последнюю сборку.... картинки типа

[URL=http://ipicture.ru/Gallery/Viewfull/1509183.html][IMG]http://ipicture.ru/uploads/080423/7545/thumbs/gnVu6sdC9K.jpg[/img][/URL]
отрабатывают неожиданно....
Вполне ожиданно. Линк указывает не на картинку, соответственно по клику линк и открывается.

MaGoth

@digger:

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

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

digger®

Цитата: MaGoth от 24 апреля 2008, 00:21:52
@digger:

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

MaGoth

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


deadbead

Цитата: digger от 23 апреля 2008, 23:55:10
Вполне ожиданно. Линк указывает не на картинку, соответственно по клику линк и открывается.
Открывается то не линк, а каринка... но не через Highslide а просто в _blank окошке.

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

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

Stern

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

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

digger®

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

Цитата: Stern от 25 апреля 2008, 02:12:15
Олег, сколько новых релизов ты выпустил после последнего, полученного от тебя по мылу?
Где они (новшества) анонсировались?
Какие исправлены баги?
Что нового?
В шапке все написано.

deadbead

Цитата: digger от 25 апреля 2008, 02:55:07
Очередное обновление. Как обычно, исправлены старые баги, добавлены новые :)
Затестил) Все гуд. Спасибо)

Цитата: digger от 25 апреля 2008, 02:55:07
1.0 beta4. Добавлено отображение элементов навигации на изображении.
А вот это уже ИМХО надо бы в настройки вынести :) Кому то надо чтобы была навигация, а кому-то нет)
Это же самый страшный разум во вселенной. Высылайте беспилотный модуль.

digger®

Цитата: deadbead от 25 апреля 2008, 03:00:58
А вот это уже ИМХО надо бы в настройки вынести :) Кому то надо чтобы была навигация, а кому-то нет)
Если больше багов нет, то в след. бетке будут языковые стринги и некоторые настройки.

deadbead

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

antidiablo

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

digger®

Цитата: antidiablo от 26 апреля 2008, 20:21:18
а можно узнать какие именно строчки мод меняет в default шаблоне, а то у меня стоит не стандартная тема.
Можно взять установщик мода и посмотреть что он меняет при установке.

antidiablo


MaGoth

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

dedmazai

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

digger®

Цитата: DedMazai от 28 апреля 2008, 16:33:50
На стандарте всё ставится.На не стандартной теме поставить не получается.Кто нить пробовал на не дефолтной теме тестить?
А чего пробовать? Берете и вручную правите два файла.

Stern

Цитата: DedMazai от 28 апреля 2008, 16:33:50
На стандарте всё ставится.На не стандартной теме поставить не получается.Кто нить пробовал на не дефолтной теме тестить?
У меня на тестововм форуме молча работает с Oxygen'ом (каковой, если не ошибаюсь, является клоном Babylon'а). А с Mercury TP отказывается...
МышЫ плакали, кололись, но продолжали жрать кактус...

dedmazai

Цитата: digger от 28 апреля 2008, 16:43:58
А чего пробовать? Берете и вручную правите два файла.

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


CiQ

Цитата: DedMazai от 28 апреля 2008, 17:42:26
Поправил.Залил имаги и в тему что там нужно.Очистил кеш,перезашёл,имаги открываються в новом окне но никак не в рамке
ты точно в файле 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 *


?
clear

dedmazai

Цитата: CiQ от 03 мая 2008, 13:10:48
ты точно в файле 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


ZeUsSaN


Danon

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