Главная » 2011 » Октябрь » 23 » Наложение watermark с помощью jQuery-[Canvas] (Скрипты для ucoz)
23.10.2011, 16:13

Наложение watermark с помощью jQuery-[Canvas]




Скрипт позволяет накладывать свой watermark на картинки, которые загружены через форму добавления сообщения . Он написан на яваскрипте библиотека jQuery на элементе Canvas и сами вникайте что остальное будет значить.. в скрипте...

Установка:

Для начало создаем папку "watermark" и внутри его заливаем скрипты и картинку ("watermark.png")

Для страниц сайта: Например мы хотим чтобы скрипт работал для вида материалов и для тега IMAGE1 или что там еще у вас..))
Берем код $MESSAGE$ и добавляем его в наш див. Пример:
Code
<div class="MySrc">$MESSAGE$</div>

Сам скрипт вставляем перед </head>

Code
<script type="text/javascript" src="/watermark/watermark.js"></script>
<script type="text/javascript">
var load=false;  
window.onload=function(){  
if(!load){
$('div.MySrc img').addClass('watermark'); // класс вашего блока
wmark.init({  
/* config goes here */  
"position": "bottom-right", // позиция watermark'a "bottom-right"  
"opacity": 50, // прозрачность- 50  
"className": "watermark", // лучше не трогать если не понимаете его смысл (имя класса)  
"path": "/watermark/watermark.png?123" // Картинка watermark
});  
load=true;  
}}  
</script>


Тут все, теперь будет работать.


Установка для форума:
Идем в вид материалов форума, и в самый верх вставляем код:
Code

<script type="text/javascript" src="/watermark/watermark.js"></script>
<script type="text/javascript">
var load=false;  
window.onload=function(){  
if(!load){
$('div.MySrc img').addClass('watermark'); // класс вашего блока
wmark.init({  
/* config goes here */  
"position": "bottom-right", // позиция watermark'a "bottom-right"  
"opacity": 50, // прозрачность- 50  
"className": "watermark", // лучше не трогать если не понимаете его смысл (имя класса)  
"path": "/watermark/watermark.png?123" // Картинка watermark
});  
load=true;  
}}  
</script>


Находим код $MESSAGE$ и заменяем его на:
Code
<div class="MySrc">$MESSAGE$</div>
Материал взят с сайта infoscript.ru
Теги: Скачать Наложение watermark с помощью jQuery-[Canvas]
Скачать "Наложение watermark с помощью jQuery-[Canvas]"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: upost.su
Категория: Скрипты uCoz | Просмотров: 3487 | Добавил: sold93 | Рейтинг: 2.0/4 |
Всего комментариев: 3
1 na3uTuB4uk   (14.09.2012 13:27)
Аватар пользователя
Что то watemark не появляется angry angry angry angry

2 sold93 -Infoscript Team-  (14.09.2012 14:40)
Аватар пользователя
а вы поменяли ссылку в коде?

3 na3uTuB4uk   (15.09.2012 15:48)
Аватар пользователя
Да сделал всё как пологается weep

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