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

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

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

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

Kornak

Ога ты помог за что я тебе уже плюса минимум 3 поставил :D Но так я и не понял в чём трабла была... :(
© Kornak 2004-2015

۞ Скутерклуб - http://proscooters.ru/

Kornak

© Kornak 2004-2015

۞ Скутерклуб - http://proscooters.ru/


crazyASD

Отличнейший мод! Спасибо! Наконец-то ликвидировал "змей-горыныча" Lightbox
Сон разума порождает монстров
Wordpress - рулит!  SMF 2.0.11


Badman

Digger помоги с модом :) стоит:
SMF 2.0 Beta 4
SMF Gallery Lite      2.0.4
Highslide Image Viewer      1.0 RC9
(есть и другие моды)

но почему то не хочет открывать картинку :(


Badman

опа .... опять у меня та же проблема .... /Themes/default/Highslide есть .... а /Themes/default/Highslide/outlines не папка а файл ....
создал папочку руками, залил файлы :) теперь открывает но есть другая проблемка :) при нажатии на "детали" в окошке увеличенном выдает:
Ошибка!
No picture selected.

это в галлерее :) но вроде внес все что ты говорил с небольшими изменениями ... возможно там правда еще чтото поменялось :)

Badman

спасибо разобрался :) там небольшие изменения в коде :) если все учел то в SMF Gallery Lite      2.0.4
надо менять:
echo '<td align="center"><a href="' . $scripturl . '?action=gallery;sa=view;pic=' . $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;pic=' . $row['id_picture'] . '\'>[Detail]</a>' . '" /></a><br />';
echo '<div class="highslide-heading">' , @$context['gallery_cat_name'] , '</div>';


изменения в $row['id_picture'] с больших на маленькие и в ссылке ?action=gallery;sa=view;pic= раньше было не pic а id


Огромное спасибо за помощь

sotnik

Digger Большой рахмат за мод... уменя встал без проблем я в восторге....
Залью всех нефтью ....

deadbead

Я уже добавлял поддержку iPicture, теперь очередь RadikalFoto


Sources/Subs.php

После
|| (strpos($c, 'ipicture') !== false && preg_match('~(.*?)/(?:thumbs|)/([^/]*?)\.(png|gif|jp(e)?g|bmp)$~is'.($context['utf8'] ? 'u' : ''), $b[4]))

Добавляем
|| (strpos($c, 'radikal') !== false && preg_match('~(.*?)/([^/]*?)t\.(png|gif|jp(e)?g|bmp)$~is'.($context['utf8'] ? 'u' : ''), $b[4]))


После
elseif(strpos($c, 'ipicture') !== false)
{
// Fix iPicture thumbnails
if(preg_match('~(.*?)/(?:thumbs|)/([^/]*?)\.(png|gif|jp(e)?g|bmp)$~is'.($context['utf8'] ? 'u' : ''), $b[4], $out))
{
$out = $out[1].'/'.$out[2].'.'.$out[3];
$d = $b[1];
$b[1] = str_replace($b[2], $out, $b[1]);
$b[2] = $out;
$b[5] = str_replace($d, $b[1], $b[5]);
unset($c, $d, $out);
}
}


Добавляем
elseif(strpos($c, 'radikal') !== false)
{
// Fix Radikal thumbnails
if(preg_match('~(.*?)/([^/]*?)t\.(png|gif|jp(e)?g|bmp)$~is'.($context['utf8'] ? 'u' : ''), $b[4], $out))
{
$out = $out[1].'/'.$out[2].'.'.$out[3];
$d = $b[1];
$b[1] = str_replace($b[2], $out, $b[1]);
$b[2] = $out;
$b[5] = str_replace($d, $b[1], $b[5]);
unset($c, $d, $out);
}
}


Кстати, digger, хотелось бы видеть себя как автора идеи в шапке ;)
Это же самый страшный разум во вселенной. Высылайте беспилотный модуль.


deadbead

Это же самый страшный разум во вселенной. Высылайте беспилотный модуль.

digger®

Цитата: deadbead от 02 января 2009, 18:33:38
http://www.simplemachines.ru/index.php/topic,4217.msg26339.html#msg26339 ;)
Вы подсмотрели этот функционал в DLE, как сказано в указанном топике.
Сам скрипт Highslide JS существует несколько лет, ссылка на сайт автора указана. Механизм обработки картинок со внешних источников взят из мода Integrate Lightbox, о чем упомянуто. Мод для своего форума на SMF я сделал в 2007 году.
Вы же грозились сделать суперудобный загрузчик картинок для SMF, который никто так и не увидел.

deadbead

Цитата: deadbead от 16 апреля 2008, 17:47:43
    Не так давно наткнулся на реализацию просмотра картинок в двиге DLE и уж очень приглянулся мне этот функционал...

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

Цитата: digger от 17 апреля 2008, 04:23:45
Сделал мод Highslide Image Viewer

Я решил, что вы сделали это мод т.к. я натолкнул вас на эту мысль.

Цитата: digger от 02 января 2009, 22:55:01
Мод для своего форума на SMF я сделал в 2007 году.

Тогда вопрос исчерпан.

Цитата: digger от 02 января 2009, 22:55:01
Вы же грозились сделать суперудобный загрузчик картинок для SMF, который никто так и не увидел.

Да... Мы с вами остановились на том, вы обещали пример "как отправить данные скрипту на ipicture и получить ответ без перегрузки страницы" (http://www.simplemachines.ru/index.php/topic,4217.msg26955.html#msg26955)
Это же самый страшный разум во вселенной. Высылайте беспилотный модуль.


deadbead

После установки SMF Media Gallery 1.5.2 мод перестал работать.... Картинки открываются просто том же окне...

SMF 1.1.7
Это же самый страшный разум во вселенной. Высылайте беспилотный модуль.


deadbead

Эм....

Цитата: digger от 17 апреля 2008, 04:21:15
1.0 RC9 - Добавлена поддержка превьюшек из SMF Media Gallery.

Имеется ввиду, что с предыдущими версиями SMF  и SMF Media Gallery работало а теперь не работает?
Это же самый страшный разум во вселенной. Высылайте беспилотный модуль.


JustDen

Не большая проблема с модом. Изображения подгружаются сразу при заходе в тему, а не после клика на них. Очень неудобно, особенно когда в теме графики на 10-20мб. Эту проблему возможно исправить?
Inspire me. Surprise me. AMD me.

digger®

Цитата: JustDen от 12 февраля 2009, 14:41:28
Не большая проблема с модом. Изображения подгружаются сразу при заходе в тему, а не после клика на них. Очень неудобно, особенно когда в теме графики на 10-20мб. Эту проблему возможно исправить?

В index.template.php найти
hs.creditsTitle = "";
следом дописать
hs.numberOfImagesToPreload = 0;

JustDen

Inspire me. Surprise me. AMD me.

APEC

Подскажите, имеется: смф 1.1.8, ваш мод Highslide_Viewer_1_RC9 и SMFGallery2.0.5, все стало норм, сделал патчик с первого поста для работы мода и галереи, но при нажатии на картинку она загружается отдельно на весь экран в том же окне, причем ссылка прямая, и при наведении на тумбу тоже прямая ссылка идет...
можно ли решить эту праблемму?
если на "1.9.3" показывает нормально, могли бы вы прикрепить тут эту версию?

digger®

Цитата: APEC от 21 февраля 2009, 20:29:00
Подскажите, имеется: смф 1.1.8, ваш мод Highslide_Viewer_1_RC9 и SMFGallery2.0.5, все стало норм, сделал патчик с первого поста для работы мода и галереи, но при нажатии на картинку она загружается отдельно на весь экран в том же окне, причем ссылка прямая, и при наведении на тумбу тоже прямая ссылка идет...
можно ли решить эту праблемму?
если на "1.9.3" показывает нормально, могли бы вы прикрепить тут эту версию?

Я не пользуюсь SMFGallery.

APEC

Цитата: digger от 17 апреля 2008, 04:21:15
Дополнительно:
Если нужно чтобы мод работал и в SMF Gallery (проверено на 1.9.3), то
в Gallery.template.php
найдите четыре места похожие на указанные строки (возможны небольшие отличия, это не страшно)
я извеняюсь, может неправильно понял =\


Andrew77

Спасибо огромное за мод. Все заработало сразу, исправления к радикалу тоже замечательно работает после добавления.
Помогите, пож, чайнику тоже самое сделать c keep4u
Пример неработающего фото здесь
А еще почему то все заголовки при наведении на фото в иероглифах :(
Можно как то исправить? Или вообще убрать?
Заранее спасибо

digger®

Цитата: Andrew77 от 20 марта 2009, 12:10:59
Спасибо огромное за мод. Все заработало сразу, исправления к радикалу тоже замечательно работает после добавления.
Помогите, пож, чайнику тоже самое сделать c keep4u
Пример неработающего фото здесь

C keep4u не работает потому что ссылка http://keep4u.ru/full/2009/03/19/c68c6b15cf1b561eea/jpg указывает не на полную картинку, а на html страницу,
а правильная ссылка должна быть http://keep4u.ru/imgs/b/2009/03/19/c6/c68c6b15cf1b561eea.jpg

Цитата: Andrew77 от 20 марта 2009, 12:10:59
А еще почему то все заголовки при наведении на фото в иероглифах :(
Можно как то исправить? Или вообще убрать?

Иероглифов не увидел.

Andrew77

Я имею ввиду не заголовок у фотки, а всплывающий заголовок (даже не знаю как правильно объяснить)

Вот такое мне всплывает ������� ����� ������� при наведении на фотку. Проверил на 2-х компах - одно и тоже

По поводу keep4u, то у радикала (все заработало после вставки кода) примерно тоже было, только с небольшой вариацией
Пример ссылки keep


Пример радикала


Оба варианта предусматривают превью по клику, которые и ведут на саму фотку

digger®

Цитата: Andrew77 от 20 марта 2009, 12:50:31
По поводу keep4u, то у радикала (все заработало после вставки кода) примерно тоже было, только с небольшой вариацией

Вставки какого кода?

Мод знает как обрабатывать ссылки с радикала, а про keep4u нет.

Andrew77

Я это понимаю, что мод знает о радикале, но не знает о кипе, потому и прошу помощи.
По радикалу вставлял это - http://www.simplemachines.ru/index.php/topic,4221.msg37751.html#msg37751
До этого изменения ситуация была как с кипом
Ссылки ведь практически идентичные

[УРЛ=http://http://keep4u.ru/full/2009/03/20/4d78ce886deda45cf3/jpg][ИМГ]http://keep4u.ru/imgs/s/2009/03/20/4d/4d78ce886deda45cf3.jpg[/img][/УРЛ]


[УРЛ=http://https://www.simplemachines.ru/radikal/000/F/i072.radikal.ru/0903/fd/d2d011d9beb9.jpg.html][ИМГ]https://www.simplemachines.ru/radikal/i072/0903/fd/d2d011d9beb9t.jpg[/img][/УРЛ]

Может не совсем доступно объясняю, Вы уж извините, я плохо в этом разбираюсь


Andrew77



Andrew77

Спасибо, все работает :)  O0
А все таки можно ли как то убрать заголовок,  который появляется когда наводишь на фотку ?
Не знаю откуда он берется, но раздражает немного, когда какие то непонятные символы

digger®

Цитата: Andrew77 от 20 марта 2009, 15:58:05
Спасибо, все работает :)  O0
А все таки можно ли как то убрать заголовок,  который появляется когда наводишь на фотку ?
Не знаю откуда он берется, но раздражает немного, когда какие то непонятные символы

Я ни на своем форуме, ни на вашем, ни на тестовом никаких символов не вижу.

Andrew77

Я понял, что это :)
У вас на тестовом форуме пишет на русском языке:
"Нажмите, чтобы закрыть изображение, нажмите и перетащите для изменения местоположения. Для просмотра изображений используйте стрелки"
А у меня эта надпись непонятно что выдает
Ее как то можно отключить вообще?
Или это вообще никак не связано с модом и форумом?

digger®

Цитата: Andrew77 от 20 марта 2009, 16:12:46
Я понял, что это :)
У вас на тестовом форуме пишет на русском языке:
"Нажмите, чтобы закрыть изображение, нажмите и перетащите для изменения местоположения. Для просмотра изображений используйте стрелки"
А у меня эта надпись непонятно что выдает
Ее как то можно отключить вообще?
Или это вообще никак не связано с модом и форумом?

У вас почему-то подключается неправильный языковой файл от мода.
Должен быть highslide.russian-utf8.js, а подключает highslide.russian.js
Удалите Themes/default/Highslide/highslide.russian.js, а Themes/default/Highslide/highslide.russian-utf8.js переименуйте в highslide.russian.js

Andrew77


Drakonsa

Хотел дописать еще обработку picatom.com, разобрал, обработал ссылку, собрал обратно, но он всеравно ее не обрабаывает :(

Код, который выдает picatom
[URL=http://www.picatom.com/w/Volt2008DDVDScrELEKTRI4KA04118678-2.html]
[IMG]http://www.picatom.com/w/Volt2008DDVDScrELEKTRI4KA04118678-2-th.jpg[/IMG][/URL]

Прямая ссылка на картинку:
http://www.picatom.com/w/img/Volt2008DDVDScrELEKTRI4KA04118678-2.jpg

Код из subs.php
|| (strpos($c, 'picatom') !== false && preg_match('~(.*?)/([^/]*?)t\.(png|gif|jp(e)?g|bmp)$~is'.($context['utf8'] ? 'u' : ''), $b[4]))


elseif(strpos($c, 'picatom') !== false)
{
// Fix picatom thumbnails
if(preg_match('~(.*?)/(.+)/(.+)\-(?:th\.|)(png|gif|jp(e)?g|bmp)$~is'.($context['utf8'] ? 'u' : ''), $b[4], $out))
{
$out = $out[1].'/'.$out[2].'/img/'.$out[3].'.'.$out[4];
$d = $b[1];
$b[1] = str_replace($b[2], $out, $b[1]);
$b[2] = $out;
$b[5] = str_replace($d, $b[1], $b[5]);
unset($c, $d, $out);
}
}


В чем ошибка? о_О

digger®

Цитата: Drakonsa от 21 марта 2009, 13:20:11
Хотел дописать еще обработку picatom.com, разобрал, обработал ссылку, собрал обратно, но он всеравно ее не обрабаывает :(
...
В чем ошибка? о_О


|| (strpos($c'picatom') !== false && preg_match('~(.+)/(.+)-th\.(png|gif|jp(e)?g|bmp)$~is'.($context['utf8'] ? 'u' ''), $b[4]))




elseif(strpos($c'picatom') !== false)
{
  
// Fix Picatom thumbnails
  
if(preg_match('~(.+)/(.+)-th\.(png|gif|jp(e)?g|bmp)$~is'.($context['utf8'] ? 'u' ''), $b[4], $out))
  {
    
$out[1] = str_ireplace('www.'''$out[1]);
    
$out $out[1].'/img/'.$out[2].'.'.$out[3];
    
$d $b[1];
    
$b[1] = str_replace($b[2], $out$b[1]);
    
$b[2] = $out;
    
$b[5] = str_replace($d$b[1], $b[5]);
    unset(
$c$d$out);
  }
}   
	
	
	



P.S. В мод добавил.

Drakonsa

 $out[1] = str_ireplace('www.', '', $out[1]);

Эта строчка не надо, пикатом не принимает без www.

UPD: Гадосный picatom криво работает... Если запрашивать напрямую картинку нормального размера, он перекидывает на .html страницу и уже внитри нее подружает эту картинку...

digger®

Цитата: Drakonsa от 21 марта 2009, 21:49:04
$out[1] = str_ireplace('www.', '', $out[1]);

Эта строчка не надо, пикатом не принимает без www.

Из-за отстутсвия этой строчки ваш вариант и не работает.

ссылка http://www.picatom.com/6/img/IMG_1673-1.jpg открывает html-страницу
ссылка http://picatom.com/6/img/IMG_1673-1.jpg открывает саму картинку, что нам и нужно

http://simple-machines.ru/index.php?topic=7.msg13#msg13

Drakonsa

Цитата: digger от 21 марта 2009, 22:05:54
Из-за отстутсвия этой строчки ваш вариант и не работает.

ссылка http://www.picatom.com/6/img/IMG_1673-1.jpg открывает html-страницу
ссылка http://picatom.com/6/img/IMG_1673-1.jpg открывает саму картинку, что нам и нужно

http://simple-machines.ru/index.php?topic=7.msg13#msg13
Почистите из кэша эти картинки и попробуйте из запросить.

digger®

Цитата: Drakonsa от 21 марта 2009, 22:34:16
Почистите из кэша эти картинки и попробуйте из запросить.

Да, похоже что эти картинки скрипт выдает, а не напрямую.
Чтобы заработало, нужно узнать как получить доступ напрямую к изображениям.

Flash709

Ошибка в установке пакета

По крайней мере, одна ошибка возникла при тестовой установке пакета. Настоятельно рекомендуется не продолжать дальнейшую установку, если Вы не знаете что делаете, или не произвели бэкап данных. Эта ошибка может возникнуть при несовместимости уже установленного пакета, с пакетом, который Вы пытаетесь поставить, из-за ошибки в самом пакете, из-за того, что пакет требует наличие другого пакета, который не установлен на Вашем форуме, или пакет разработан для другой версии форума SMF.
Установочные действия
Производимые изменения пакетом "Highslide Image Viewer":
Установка этого пакета произведет следующие действия:   Тип Файл Описание
1. Извлечение директории ./Themes/default//Highslide 
2. Изменение файла install.xml Ошибка
3. Изменение файла install.xml Ошибка

Версия 2.0 RC1, доступы 777,  куда глядеть подскажите ? Как понять на что ругаеться, чтоне хочет записать в файло. Непонимаю как найти проблемму.

hixxas

Версия мода 1.0 RC9, столкнулся с исправленной ошибкой в версии 1.0 beta3.
ЦитироватьИсправлена обработка ссылок типа [ url = http://site.com ][ img ]...[ /img ][ /url ]

Немного изменил мод, добавив к каждому превью новый параметр $b[6] = true;

            if(strpos($c, 'imageshack') !== false)
            {
               // Fix Imageshack thumbnails and for non-direct page links
               if(preg_match('~(.*?)\.(?:th\.|)(png|gif|jp(e)?g|bmp)$~is'.($context['utf8'] ? 'u' : ''), $b[4], $out))
               {
                  $out = $out[1].'.'.$out[2];
                  $d = $b[1];
                  $b[1] = str_replace($b[2], $out, $b[1]);
                  $b[2] = $out;
                  $b[5] = str_replace($d, $b[1], $b[5]);
                  $b[6] = true; //hixxas
                  unset($c, $d, $out);
               }
            }   

и условие. Возможно, кому-то пригодится.

            // Add rel="highslide"
            $c = $b[1];
         if($b[6] == true || $b[2]==$b[4]) { //hixxas
        // Http links don't use highslide
        if(preg_match('~\.(png|gif|jp(e)?g|bmp)~is', $b[2]))
       
        // Fix SMF Media Gallery thumbs
            if(preg_match('~MGalleryItem.php~is', $b[4]));
            {
          $b[1] = str_replace($b[2], $b[2].'" class="highslide" rel="highslide', $b[1]);
          $b[1] = str_replace($b[4], str_replace(array(';preview', ';thumb'), '', $b[4]), $b[1]);
          $b[5] = str_replace('alt=""', 'alt="' . str_replace(array(';preview', ';thumb'), '', $b[4]) . '"', $b[5]); // Add filename to caption
        }
       
            $b[1] = str_replace($b[2], $b[2].'" class="highslide" rel="highslide', $b[1]);
            $b[5] = str_replace($c, $b[1], $b[5]);
            $b[5] = str_replace('alt=""', 'alt="' . $b[2] . '"', $b[5]); // Add filename to caption
            $b[5] = $b[5] . '<div class="highslide-heading">' . (!empty($context['subject']) ? $context['subject'] : '') . '</div>'; // Add subject to header
         } //hixxas

            // Replace the link in the message
            $message = str_replace($b[0], $b[5], $message);

DimKA

Все хорошо в этом моде
но вот у меня он не работает когда картнки всталяеш в текст (Attachments Positioning)

Seed

а как быть если картинка должна быть ссылкой, ну баннером?