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


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



Статистика
Онлайн всего: 12
Гостей: 12
Пользователей: 0



Главная » Файлы » Скрипты для 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

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

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

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

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

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

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


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

Форма входа


Поиск


На форуме

1 Работа на заводе

29

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

54

3 Армия

0

4 Может у кого есть!

6

5 Нужны копирайты

1

6 Остались честные СМИ?

0

7 Раздача подарков и стик...

1

8 Дисковое пространство

3

9 Ручной прогон по трасто...

19

10 бот для умножения денег...

0


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


Комментарии



Copyright UcozOn.ru™ © 2008-2025


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