Представленный скрипт позволит накладывать на выбранные вами изображения любой вотермарк (Watermark). В качестве вотермарка может выступать любое ваше изображение. Вотермарк будет накладываться автоматически, и после установки скрипта вам не придется накладывать их на изображения вручную.
Для начала, обзаводитесь вотермарком. Для этого вам потребуется фотошоп или еще что нибудь в этом роде. Когда рисунок вотермарка будет готов, можно продолжать.
Для всех изображений, к которым вы хотите прикрепить вотермарк, нужно прописать класс wmImage. Для примера:
Code
<img class="wmImage" src="http://szenprogs.ru/images/lightbox/thumb-0.jpg" width="200" border="0">
Как только с изображениями закончено, нужно будет к странице подключить jQuery.
ВНИМАНИЕ! Если у вас сайт на UCOZ, то подключать jQuery не нужно!
jQuery подключаем следующим кодом, который нужно написать в разделе HEAD:
Code
<script src="http://code.jquery.com/jquery-latest.pack.js" type="text/javascript"></script>
После этого, пишем следующий код после тега <BODY>:
Code
<script type="text/javascript">
WMWater='http://szenprogs.ru/scripts/watermark/wat.gif';
WMOpacity=0.6;
WMClass='wmImage';
WMPosX='98%';
WMPosY='98%';
</script>
<script type="text/javascript" src="http://szenprogs.ru/scripts/watermark/watermark.js"></script>
Теперь разберем параметры скрипта наложения вотермарка на изображения:
WMWater - ссылка на файл вотермарка, который будет накладываться на изображения.
WMOpacity - уровень прозрачности вотермарка. Значение в промежутке от 0 до 1, где 0 - полная прозрачность, а 1 - полная непрозрачность.
WMClass - класс изображений, на которые будет накладываться вотермарк.
WMPosX - положение вотермарка на изображении по горизонтали. Значение может быть как в процентах, так и в пикселах. Для размещения вотермарка по центру изображения задаем значение 'auto'.
WMPosY - положение вотермарка на изображении по вертикали. Значение может быть как в процентах, так и в пикселах. Для размещения вотермарка по центру изображения задаем значение 'auto'.
Если вы все проделали правильно, то скрипт заработает сразу. Пример, как всегда, на странице.
Удачи в свершениях!