Приветствую Вас Прохожий | RSS Понедельник, 05.12.2016, 03:31
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 4
Гостей: 3
Пользователей: 1
LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Накладываем вотермарк на изображения

Накладываем вотермарк на изображения Вотермарк, изображения
Представленный скрипт позволит накладывать на выбранные вами изображения любой вотермарк (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'.
Если вы все проделали правильно, то скрипт заработает сразу. Пример, как всегда, на странице.
Удачи в свершениях!
Автор\Источник: http://szenprogs.ru

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 2311 | Комментарии: 5 | Рейтинг: 3.4/8 | |Категория: Скрипты Разное | Добавил: O6OpMoT | Дата: 09.12.2012 | Скачали: 0 | Теги: Вотермарк, изображения
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 5
5 Dimok   Дата: 13.07.2014  Время: 16:58   [№ 15324]
"ВНИМАНИЕ! Если у вас сайт на UCOZ, то подключать jQuery не нужно!"? Тогда почему этот пост находятся на разделе uCoz? И потом, этот JS можно использовать (только для вида) при добавлении изображения в доп. поле, но не катит если добавлено в поле описании материала.

4 toby3d   Дата: 24.08.2013  Время: 03:59   [№ 14902]
Не работает так, как нужно. Рядом с изображением создаётся такой же по размеру контейнер с вотемарком. А нужно накладывание.

1 German   Дата: 09.12.2012  Время: 21:14   [№ 14229]
Интересно, интересно. Только вот своровать такую картинку элементарно....

2 O6OpMoT   Дата: 09.12.2012  Время: 21:23   1 [№ 14230]
нет ничего невозможного . а твоя манера разговора отсутствует
вип ничего не дает запомни

3 German   Дата: 09.12.2012  Время: 21:39   2 [№ 14231]
Моя манера? Простите, но это вы начали. Своровать картинку с Wimg без вотермарка просто невозможно :) Ее там нету.


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru