mavik Thumbnails - иконки, всплывающие окна, ссылка на полный текст статей

[mavik]

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

Настройки и возможности:

• Тип всплывающего окна: Нет, Slimbox (использует уже имеющуюся в Joomla js-библиотеку), HighSlide, Joomla Modal (Стандартное модальное окно Joomla. Как и у окна в админке есть проблемы с IE6. Проблема решена в Mootools 1.2, но в ней есть проблемы с Chrome).
• Для изображений в блогах и на главной ставить ссылку на полный текст статьи (Поддерживаются: стандратные материалы, MyBlog, IdoBlogFree.).
• Размер по умолчанию отдельно для полного текста и для блогов: не использовать, если размер не изменен, для всех изображений
• Выбор режима изменения размера: сохранять пропорции, обрезать, сохранять занимаемую площадь (размер будет подобран так, чтобы сохранить пропорции и площадь), не сохранять пропорции. Опытные разработчики могут добавлять собственные методы.
• Изображение увеличительного стекла на картинке и/или курсор в виде увеличительного стекла.
• Обрабатывать все изображения, только с указанными классами, все кроме указанных классов.
• Качество иконок.
• Каталоги с иконками - позволяет задать каталоги для хранения иконок. Можно указать несколько каталогов для изображений из разных папок.
• Создавать подкаталоги - в каталоге иконок будет создана структура аналогичная со структурой каталогов изображений
• Каталог для хранения копий изображений с других серверов.
• Отключение скриптов - может понадобиться, если конфликтуют ява-скрипты.
• Самодиагностика наиболее частых проблем, в том числе нехватки памяти для обработки слишком больших изображений.
• Совместим с Mootools 1.1 и 1.2
• Совместим с Joomla 1.5 и 1.6

Умеет создавать иконки для изображений оригиналы которых находятся на другий сайтах (при условии что включенна опция allow_url_fopen в php.ini)

Системные требования: PHP5, gd2

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

Последняя версия: 0.9.9.8
Скачать можна тут http://extensions.joomla.org/extensions/photos-&-images/articles-images/6263/details
Там же ставим оценки.

Устанавливать новые версии можно поверх старых (без удаления). После установки новой версии проверьте настройки плагина.
В Joomla 1.6, начиная с версии 0.9.8 доступно автоматическое обновление.

Инструкция по добавлению новых типов всплывающих окон

[Alexdoc76]

Подскажите пожалуйста, как исправить вывод картинки где вместо иконок навигации их заменяет текст.
Пример http://volgnarodsobor.ru/novosti/novosti-dvizheniya/209-vystuplenie-kassina-na-uchreditelnom-sezde
Joomla 1.7.3, Тип всплывающего окна - Highslide, Подключать ява-скрипты - нет.

Спасибо.

[Cever]

Добрый день. Обалденный плагин. Полностью устраивает. Автору огромный респект. Готов, посильно, простимулировать материально. У меня такой вопрос. Вставляю картинку, уменьшаю. Все работает. Но у меня задача, что бы при клике на созданную миниатюру, всплывала совершенно другая картинка. Можно ли это реализовать с помощью этого плагина? Сразу прошу прощения, если мой вопрос покажется глупым и неуместным. Я только начинаю осваивать этот вид деятельности.

[strannik-yura]

Добрый день. Обалденный плагин. Полностью устраивает. Автору огромный респект. Готов, посильно, простимулировать материально. У меня такой вопрос. Вставляю картинку, уменьшаю. Все работает. Но у меня задача, что бы при клике на созданную миниатюру, всплывала совершенно другая картинка. Можно ли это реализовать с помощью этого плагина? Сразу прошу прощения, если мой вопрос покажется глупым и неуместным. Я только начинаю осваивать этот вид деятельности.

я сделал с помощью другова плагина
modalizer

если это можно будет реализовать с помощью данного плагина, это только большой плюс
так как считаю данный плагин не заменимым

[PINE]

Я перепробовал около десятка подобных плагинов, но мавик оказался самым удобным!
Вопрос - есть ли какая-нибудь возможность обойти отображение  изображений просматриваемых в увеличенном режиме, которые были при включении в материал изменены в размере, но по своей сути не нужные для просмотра вместе с остальными изображениями (PREV-NEXT) на этой странице. Ну, например, пришлось изменить в размере логотип и он начинает отображаться вместе с изображениями продукции...  

[strannik-yura]

class
только выставить в настройках не обрабатывать это клас

добавлено

точнее вот так надо прописать

Замени на <img src="http://status.icq.com/online.gif?web=418729273&amp;img=5" border="0" class="nothumb" />
и в настройках плагина укажи класс nothumb как исключаемый (обрабатывать все кроме класса).

[Cever]

я сделал с помощью другова плагина
modalizer

А как сделать, что бы они оба работали? А то у меня, если modalizer включен, mavik Thumbnails не работает.

[strannik-yura]

если вам надо что одни картинки обрабатывались modalizer, а другие Thumbnails,
то выставляешь в Thumbnails класс (например class="nothumb") который не будет обрабатываться плагином
а в modalizer прописываешь что бы обрабатывал только класс class="nothumb"

[PINE]

Я перепробовал около десятка подобных плагинов, но мавик оказался самым удобным!
Вопрос - есть ли какая-нибудь возможность обойти отображение  изображений просматриваемых в увеличенном режиме, которые были при включении в материал изменены в размере, но по своей сути не нужные для просмотра вместе с остальными изображениями (PREV-NEXT) на этой странице. Ну, например, пришлось изменить в размере логотип и он начинает отображаться вместе с изображениями продукции... 

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

[GWork]

Неправильно вопрос задавал.
Кто-нибудь реализовывал, чтобы можно было видеть под названием фото его описание?

Допустим пусть из тайтла берется текст. Но с таким условием, чтобы после первого предложение переносился весь последующий текст. Ну и выравнивание по левому краю соотвественно. Кто хотел бы над этим помучаться? Я php незнаю. Или может автор подскажет решение?

[sashaab]

Неправильно вопрос задавал.
Кто-нибудь реализовывал, чтобы можно было видеть под названием фото его описание?

Допустим пусть из тайтла берется текст. Но с таким условием, чтобы после первого предложение переносился весь последующий текст. Ну и выравнивание по левому краю соотвественно. Кто хотел бы над этим помучаться? Я php незнаю. Или может автор подскажет решение?

само отображение реализовано с помощью сторонних скриптов
тот, что на скриншоте highslide, на оффсайте есть Editor, настроек масса highslide.com/editor/
И потом можно добавить новый тип всплывающего окна -- http://joomlaforum.ru/index.php/topic,61588.msg954564.html#msg954564
Липо отредактировать существующий highslide.php в соответствии с тем что получилось в Highslide редакторе.

[Mihanja80]

А на Joomla 2.5.1 работает? А то страшно обновляться...

[strannik-yura]

А на Joomla 2.5.1 работает? А то страшно обновляться...

работает

[RomanA]

Может я чего-то не дочитал здесь (31 страница, всё таки ), но почему после редактирования графики (рамочек), используемой скриптом HighslideJS, который также работает в сайте, изменились туда же и рамочки всплывающих окон в Mavik Thumbnails? Вроде бы в плагине прописаны пути к графике, но он нашёл именно те картинки из папки HighslideJS

[GWork]

Как сделать, чтобы при клике на другое изображение или объект (ссылку, таб на этой же странице и т.д.), убиралось с экрана текущее изображение?

[LyalyaChornaya]

mavik, специально зарегистрировалась на форуме, чтобы вам написать. Достаточно долго уже пользуюсь вашим плагином и очень довольна. Но теперь возникла немножко другая ситуация. Нужно, чтобы окна открывались вот так, как на этом сайте: http://www.krotbers.ru/products/. В плагине mavikthumbnails описание тянется из тега alt или title. Спору нет, удобно очень, но теперь руководство поставило новую задачу. Хоть я в программировании и нет смыслю, но поняла, что за это отвечает кусок кода:

Код:

function decorate() {
$img =& $this->plugin->img;

$title = $img->getAttribute('title');
if (empty($title) && $img->getAttribute('alt')) {
$title = $img->getAttribute('alt');
}
$title = htmlentities($title, ENT_QUOTES, 'UTF-8');

$class = 'thumbnail highslide';
$style = '';
$zoominImg = '';

if ($this->plugin->zoominImg) {
$style = $img->getAttribute('style');
$img->setAttribute('style', '');
$zoominImg = '<span class="zoomin-img"></span>';
$class .= ' with-zoomin-img';
$align = $img->getAttribute('align');
if($align == 'left' || $align == 'right') { $style .= '; float:'.$align.';'; }   
}

if ($this->plugin->zoominCur) {
$class .= ' zoomin-cur';
}

return '<a class="'.$class.'" style="'.$style.'" href="' . $this->plugin->originalSrc . '" onclick=\'return hs.expand(this, { captionText: "'.$title.'", slideshowGroup: "'.@$this->plugin->article->id.'" })\' title="' . $title . '">' . $img->toString(). $zoominImg . '</a>';
}

}
?>

А на том примере, что я привела, описание тянется из дива, который расположен сразу после ссылки на рисунок. Вот такой див:

Код:

<div class="highslide-caption highslide-display-block" id="" style="visibility: visible; margin-top: 0pt; overflow: hidden; height: 126px; z-index: 2;"><table width="100%" cellspacing="1" border="0" class="goodDesk">
<tbody>
<tr>
<th>Тип продукции</th>
<td>Плитка декоративная облицовочная</td>
</tr>
<tr>
<th>Наименование</th>
<td>СКЦД-КК-15</td>
</tr>
<tr>
<th>Размер, мм (Дл. × Шир. × Выс.)</th>
<td>390×90×94</td>
</tr>
<tr>
</tr>
<tr>
<th>Марка проч.</th>
<td>75 &ndash; 150</td>
</tr>
<tr>
<th>Вес, кг</th>
<td>7,5</td>
</tr>
<tr>
<th>Кол-во на поддоне, шт.</th>
<td>192</td>
</tr>
</tbody>
</table></div>

Вот я прошу помощи - как преобразовать этот кусок кода в highslide.php вашего плагина? От этого плагин mavikthumbnails станет еще более удобным.

[GWork]

Поддерживаю! Тоже очень хороший вопрос!

[LyalyaChornaya]

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

[mavik]

Переделать выводимый плагином html-код не сложно, но откуда он должен брать html-код для этого дива с описанием?

[GWork]

А как насчет js? Просил одного начинающего кодера посмотреть по моему вопросу, он плюнул, сказал непонятный код.

[mavik]

При чем тут js?
На счет непонятности кода, то вы сами написали "начинающего". На самом деле код написан "как по учебнику".

[GWork]

При чем тут js?
На счет непонятности кода, то вы сами написали "начинающего". На самом деле код написан "как по учебнику".

Имеется ввиду предыдущий вопрос: Как сделать, чтобы при клике на другое изображение или объект (ссылку, таб на этой же странице и т.д.), убиралось с экрана текущее изображение?

Изображения через highslide выводятся.

[LyalyaChornaya]

Переделать выводимый плагином html-код не сложно, но откуда он должен брать html-код для этого дива с описанием?

он должен брать код из дива определенного класса, я смотрела в других плагинах, но поскольку я в php ничего не понимаю, ничего у меня не получилось, хотела вместо alt подставить что-то типа div id="" class="highslide-caption". Тогда после картинки я поставлю div с описанием изделия и плагин будет тащить отформатированное описание из него. Подобным образом реализовано описание товара или изделия в плагине Highslide. На странице разработчика приводится даже код, как это сделать. Но я не хочу плагин Highslide, больно много кода приходится писать к каждой картинке, да и превьюшки он не делает.

[mavik]

Имеется ввиду предыдущий вопрос: Как сделать, чтобы при клике на другое изображение или объект (ссылку, таб на этой же странице и т.д.), убиралось с экрана текущее изображение?

Изображения через highslide выводятся.

Я не совсем понял вопрос. Но если понял правильно, то это вопрос к разработчикам highslide.
Плагин только создает превьюшку и добавляет html-код необходимый для работы сторонних скриптов всплыващих окон.

[LyalyaChornaya]

mavik, ну а мой вопрос как же? пост 922

[mavik]

Такое http://www.krotbers.ru/products/ надо делать при помощи компонента, а не плагина. Там, кстати, какая-то галерея использована. Если делать плагином, то в любом случае придется костыли ставить.

[LyalyaChornaya]

я за костыли, уж больно плагин ваш удобный, не сочтите за лесть, но это правда. Все-таки, как же переменную-то подставить вместо alt. Вот вчера лазила по плагинам и видела код наподобие такого, но сегодня уже найти не могу, а прицепить к вашему коду знаний php  не хватает. Превьюшки ваш плагин делает очень хорошо, а при той огромной куче картинок на моем сайте делать еще и превьюшки...

[LyalyaChornaya]

Ну вот что-то такое нарыла в плагине highslide

Код:

$html .= '<a  id="thumb'.$i.'" href="'.$path_img.'" style="padding-right:7px;"
class="highslide" onclick="return hs.expand(this,{'.$paras['override'].',captionId:\''.$id_link.'\', slideshowGroup:\''.$id_link.'\'});">';
$html .= '<img src="'.$thumb_img.'" alt="'.$thumb_img.'" title="Click to enlarge"   '.$width.' />';
$html .= '</a>';
}
}


$html .= '<div class="highslide-caption" id="'.$id_link.'">

[mavik]

Это все понятно, но что внутрь этого дива <div class="highslide-caption" id="'.$id_link.'"> вставлять?
Где брать описание для картинки?

[LyalyaChornaya]

вот я так это понимаю. Через пень-колоду, пользуясь словарем (не смейтесь), разбирая кусок вашего кода, поняла, что описание берется из title. а если в титл ничего нет, то из alt. А если сделать так: если в title ничего нет, то описание берется из дива с id и классом? Ну, а див с таблицей или чем угодно внутри я уж сама ручками напишу после картинки

[LyalyaChornaya]

Ну и в результате будет:

Код:

<img class="mvThumb" src="images/stories/...jpg" alt="Кресло офисное &laquo;Элеганс&raquo; ТКО-01" height="150px" />
<div id="" class="highslide-caption"> Тут таблица </div>