Плагин черно-белое фото в цветное - Модули и плагины

Представляю на Ваш суд плагин.

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





Поддерживает форматы jpg, png, gif .

Важно: Если Вы планируете использовать анимационный эффект
            увеличение картинки, то размер картинки выставляйте
               на 80px меньше (width, height).
__________________________________________________________________________________

Скачать новую версию плагина:

plggrayscale-1.5  (36.37 Kb)
 
___________________________________________________________________________________

Скачать новейшую версию плагина (последнюю):

plggrayscale-1.6 (59.36 Kb)
                                                

[вложение удалено Администратором]

хорошо, скачаю в свою коллекцию

Представляю на Ваш суд плагин.

Здорово, автору +. А можно еще и размер img немного менять в тексте или в hslide?

olaf !
Имеется ввиду, при наведении увеличение картинки ?

Имеется ввиду, при наведении увеличение картинки ?

Ну да! Небольшой zoom. Это часто бывает полезно.
Ни плагин JoomThumbnail (http://joomlaforum.ru/index.php/topic,87871.0.html), ни мамбот hsimage (http://joomlaforum.ru/index.php/topic,33289.0.html) ни другие им подобные не работают при наведении. Все изменения требуют нажатия.

Представляю новую версию плагина  

Дополнения :

- анимация увеличительное стекло
- анимация увеличение картинки

Прошу пишите свои отзывы и пожелания

Скачать новую версию можно в первом посте

Важно: Если Вы планируете использовать анимационный эффект
            увеличение картинки, то размер картинки выставляйте
               на 80px меньше (width, height).

Неплохо, только проблемы:
1) сложная строка параметров,
2) у меня не заработали эффекты увеличения: увеличение есть, но сама картинка обрезается.
Например, была 350х350 стала 180х180...
Или это потому, что не на 80px меньше?
Локально под Denver, Joomla 1.5.22 Подключал и отключал jquery.

Неплохо, только проблемы:
1) сложная строка параметров,
2) у меня не заработали эффекты увеличения: увеличение есть, но сама картинка обрезается.
Например, была 350х350 стала 180х180...
Или это потому, что не на 80px меньше?
Локально под Denver, Joomla 1.5.22 Подключал и отключал jquery.

Так Вам надо указать ширину и высоту :
350 - 80 = 270

Так Вам надо указать ширину и высоту :
350 - 80 = 270

Я уже так и понял, что увеличение фиксированно на 80px и видимо в плагине это можно править переменной var mpx = 80; ?

Я уже так и понял, что увеличение фиксированно на 80px и видимо в плагине это можно править переменной var mpx = 80; ?

Да

grayscale'инг делается на js без проблем. Нет смысла нагружать сервер, гонять лишний трафик и усложнять себе жизнь )

grayscale'инг делается на js без проблем. Нет смысла нагружать сервер, гонять лишний трафик и усложнять себе жизнь )

Плагин нагрузит сервер не больше js .

загрузка плагина - это обращение к базе, а js можно грузить в самой странице. Так что плагин нагрузит больше.

Ничего не отображает, даже картинку не выводит.


Чтото не так может делаю?

Ничего не отображает, даже картинку не выводит.

Код

<a href="images/praga/kutna.jpg" style="border:none;">
<img id="kutna" class="expando" src="/plugins/system/grayscale/blackwhite.php?imm=http://localhost/site/images/praga/kutna.jpg"
 onmouseover="showId(event)" onmouseout="showId_f(event)" width="100" height="80" style="border:none;" /></a>

Чтото не так может делаю?

А, Вы, плагин включили. Если да, то посмотрите ,через FireBug, отображается ли код на странице.

Да, включено всё
через FireBug код отображается. но в серых тонах, полупрозрачных

А файл plugins/system/grayscale/blackwhite.php принимает параметром любой урл без ограничений чтоли? Это чревато хотлинкингом. Действительно, зачем мне нагружать свой сервер, когда я могу использовать для обесцвечивания твой ))

А файл plugins/system/grayscale/blackwhite.php принимает параметром любой урл без ограничений чтоли? Это чревато хотлинкингом. Действительно, зачем мне нагружать свой сервер, когда я могу использовать для обесцвечивания твой ))

Спасибо , хорошая мысль, об этом надо подумать и исправить, да и код наверное надо упростить .

...исправить...

В phpthumb это исправляется кажется проверкой реферрера.

И вот библиотека на js для обесцвечивания, и не только:
www.pixastic.com/lib/docs/actions/desaturate/

Вот наконец то добрался до плагина, и переделал его.
Новая версия более безопасна в использовании и проще в настройке .

Скачать можно в первом посте. 

Немного переделал плагин, думаю это уже окончательная версия

Помимо перевода картинки в черно-белое состояние,
добавлены и другие эффекты (рельеф, инвертирование, ....)

^{Проверял в браузерах Opera, Firefox, IE (7,8)}

Скачать можно в первом посте.  (версия 1,6)

Исправил последнюю версию плагина (v 1.6).
Теперь работает корректно в браузерах (Opera, Firefox, IE7, IE8, Chrome)

^{см. первый пост}

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

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

Можно, конечно, но это уже будет другой плагин. И скорее всего это будет уже компонент.

планируется сделать такое для Joomla 1.7?

планируется сделать такое для Joomla 1.7?

Пока не думал над этим

Интересная вещица
1 http://www.coolwebmasters.com/tips-and-tricks/1319-html5-grayscale-image-hover.html
2 http://www.permadi.com/tutorial/jsCanvasGrayscale/index.html

volod3000 не подскажете как можно реализовать такую функции
изначально  миниатура черно-белая и затемнена, при наведении мышки - затемнение пропадает, но картинка остаётся черно-белой
при клике по  миниатюре в сплывающем окне открывается большое цветное изображение
типа как тут http://aleshkovskiy.kz/persons.html