Watermark решение. - [VM1] Дизайн, оформление

Поиски по инету дали очень много ссылок но просмотр их привёл ещё к большой путанице. Вот одно решение (требует минимальной правки кода)
Данный хак работает в virtuemart 1.1.2

1.) Открываем фаилик components\com_virtuemart\js\slimbox\css\slimbox.css

вносим (хотя каждый может внести что хочет )

#watermark {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: transparent url(watermark.png) no-repeat center center;
}

не забываем в папку components\com_virtuemart\js\slimbox\css\ положить фаилик watermark.png

2) Дальше в фаиле components\com_virtuemart\js\slimbox\js\slimbos.js
ищим 

this.image = new Element('div', {'id': 'lbImage'}).injectInside(this.center);

и после этой строчки добавляем

this.watermark = new Element('div', {'id': 'watermark'}).injectInside(this.image);

сохраняем и перегружаем
P.S. Чуть не забыл, это всё работает если используется lightbox.

Спасбо большое, в 1.1.2 все пучком
а вот с 1.1.3 нет, там другого содержания этот файл

Ещё одно решение http://joomlaforum.ru/index.php/topic,53858.0.html

кстати, mickymouse, лови плюс
я тут ковыряю плагин слимбокс для 1.5-твой код встал "на ура"

кстати, mickymouse, лови плюс
я тут ковыряю плагин слимбокс для 1.5-твой код встал "на ура"

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

гы. у меня ковырятельный пик какой-то.
так что ждите тему про слимбокс. он прикольный

Спасбо большое, в 1.1.2 все пучком
а вот с 1.1.3 нет, там другого содержания этот файл

И как же всё-таки в 1.1.3 это сделать ?

И как же всё-таки в 1.1.3 это сделать ?

используй 2 вариант который я указал просто в 1.1.3 поменялся slimbos.js, вариант конечно вернуть slimbos.js из 1.1.2 версии и всё должно работать.

э. у меня 1.4 слимбокса-всё встало
версия библиотекиrкакая?

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

Это не решение задачи.

Тут надо править файл, который добавляет картинку и накладывать на него полупразнучную картинку.

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

а в VM1.0.15 как это сделать?

Плотно занимались этим вопросом с beagler'ом. Цитирую Михаила из переписки:

вообще, умные люди советуют лепить ватермарк фотошопом до закачки - и они правы: Не советую устанавливать этот хак именно таким образом. Вы хотя бы представляете себе возрастание нагрузки на сервер (особенно если это апач), если при каждом запросе картинки будут onfly задействоваться php, gd и две дополнительные файловые операции чтения? Ладно если картинка одна на странице, а если несколько десятков? Ну посмотрите через ssh на htop в такой момент.

Теперь представьте себе ситуацию, если кто-то "шибко умный" обратиться к вашему урлу вот таким образом:

watermark.php?path=http://hidefav.net/hidefav.png

Вашему серверу придётся каждый раз дёргать 3.5мегабайтную картинку, обрабатывать её через GD и выдавать браузеру.

Любой идиот завалит ваш сервер доморощенным досом при таких раскладах.

Если уж хочется ставить хак на ватермарки, то ставьте его единожды, при закачке картинки на сервер, сохраняйте и продолжайте выдавать статикой, а не вызовом обработчика на каждый запрос.

Выводы делайте сами. Я от подобного хака в итоге благоразумно отказался.

умные люди советуют лепить ватермарк фотошопом до закачки - и они правы: Не советую устанавливать этот хак именно таким образом. Вы хотя бы представляете себе возрастание нагрузки на сервер (особенно если это апач), если при каждом запросе картинки будут onfly задействоваться php, gd и две дополнительные файловые операции чтения? Ладно если картинка одна на странице, а если несколько десятков? Ну посмотрите через ssh на htop в такой момент.

Тоже приходилось решать подобную задачу "подписывания" изображений. В результате сложилась парадоксальная ситуация: сначала "автомат" был идеальным решением, по мере увеличения числа запросов казалось, что отдельный человек, который "нашлёпает ватермарков" - решение проблемы, но отдельный человек - это целый кусок процесса со всеми вытекающими , потом купили новые сервера и проблема опять отпала.
Мораль вышла такая - не жалеть денег на железо и канал и автоматизируйте всё, что только возможно - если Ваш сервис стоящий, то затраты окупятся. А на "нестОящий" сервис никто и посещать не будет.

Поддерживаю мысли:
1) Показывать 2 картинки, одну полупрозрачную - это не защита. Теряется суть марки.
2) Если очень нужно накладывать при запросе страницы - то без кеша врятли можно обойтись. Очень медленно идет обработка изображений и это сильно понизит производительность.
3) Наверно, самый удобный способ. Накладывать марку при загрузке изображения в админке.
Тут надо будет серьезно менять код.
а) Хранение параметров (какую марку, когда применять и т.д.)
б) Админ интерфейс для настройки параметров
в) Механизм преобразования изображений (class.img2thumb.php).

Тоже приходилось решать подобную задачу "подписывания" изображений. В результате сложилась парадоксальная ситуация: сначала "автомат" был идеальным решением, по мере увеличения числа запросов казалось, что отдельный человек, который "нашлёпает ватермарков" - решение проблемы, но отдельный человек - это целый кусок процесса со всеми вытекающими , потом купили новые сервера и проблема опять отпала.
Мораль вышла такая - не жалеть денег на железо и канал и автоматизируйте всё, что только возможно - если Ваш сервис стоящий, то затраты окупятся. А на "нестОящий" сервис никто и посещать не будет.

зачем отдельный человек? что мешает запустить разово скрипт который автоматом наложит ватемарк и сохранит такими картинки?

зачем отдельный человек? что мешает запустить разово скрипт который автоматом наложит ватемарк и сохранит такими картинки?

Ничто не мешает, если не преследуется цели, чтобы ватермарк не "поганил" картинку. Если же есть требования эстетики - автомат бесполезен. 300-500 имиджей - не проблема = 1-2 рабочих дня максимум.

странно. почему у меня ватемарк который автомат делает ничего не паганит. я делаю его с 35% прозрачностью.

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

можете дать пример картинки где ватемарк автоматом будет плохо смотрется? я попробую сделать автоматом и тут выложу.

это глупо.
если изображения разнородны, то всегда найдётся несколько, на которых такое решение не сработает

глупо пробовать? по-моему глупо не пробуя утверждать ;-)

300-500 имиджей - не проблема = 1-2 рабочих дня максимум.

300-500 имиджей = 1 час, а то и меньше...
Всё очень просто. Ставим хоть на денвере, хоть на хосте скрипт DLE
Делаем 2  файла Watemark (для темного и светлого фона) - в DLE на темный фон автоматом накладывается светлый Watemark и наоборот.

В настройках ДЛЕ указываем размер изображения, если еще и уменьшить надо....

Тыкаем добавить новость - пакетная загрузка изображений - выбираем хоть 1000 штук - загрузить - идем курить (пить кофе или пиво, смотреть телевизор и другие варианты...)

ВСЁ... Забираем готовые файлы...

Я вот сразу для двух версий одного магазина (Один на Вебасисте, другой на Виртуемарте) сразу на хост скрипт поставил. Смотрим, как скрипт распознает темный и светлый фон: http://foto.art-shop.tv/

А как сделать для версии магазина VirtueMart 1.1.4 stable ?

300-500 имиджей = 1 час, а то и меньше...
Всё очень просто. Ставим хоть на денвере, хоть на хосте скрипт DLE
Делаем 2  файла Watemark (для темного и светлого фона) - в DLE на темный фон автоматом накладывается светлый Watemark и наоборот.

В настройках ДЛЕ указываем размер изображения, если еще и уменьшить надо....

Тыкаем добавить новость - пакетная загрузка изображений - выбираем хоть 1000 штук - загрузить - идем курить (пить кофе или пиво, смотреть телевизор и другие варианты...)

ВСЁ... Забираем готовые файлы...

Я вот сразу для двух версий одного магазина (Один на Вебасисте, другой на Виртуемарте) сразу на хост скрипт поставил. Смотрим, как скрипт распознает темный и светлый фон: http://foto.art-shop.tv/

300-500 имиджей 5 минут на локальном компе с помощью специальной проги для нанесения водяных знаков + 15 минут закачка туда-обратно. Минус только один. Файлы магазина лежат кучей и если добавляются новые товары, то ватермарки на них наносить нужно отдельно.
[/quote]

на форуме есть готовый вариант с .htaccess и ничего придумывать не надо, просто 2 файлика в папочку положить

на форуме есть готовый вариант с .htaccess и ничего придумывать не надо, просто 2 файлика в папочку положить

ссылку пожалуйста можно?

Делаем 2  файла Watemark (для темного и светлого фона) - в DLE на темный фон автоматом накладывается светлый Watemark и наоборот.

само понятие watermark(водяной знак) изначально подразумевало некоторой степени прозрачность.
можно сделать рельефный полупрозрачный знак/логотип и накладывать его на изображение любого цвета и он будет в любом случае читаем и не сильно портить картинку.
безусловно человек руками добавит watermark'и красивее. можно в фотошопе сделать пару скриптов: первый для открытия картинок из папки и нанесения знака в отдельный слой, а второй для сохранения и закрытия всех файлов. после первого скрипта человек смотрит как установился watermark и при необходимости его двигает и в сложных случаях уменьшает/увеличивает. потом запускается второй скрипт. участие человека можно свести к минимуму или вовсе исключить, если при подготовке картинок учитывать нанесение водяного знака в определенном месте.

изображения с ватермарком попадают в поиск Google по картинкам ?