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

3195
10 из 10
Проголосовало: 2




  • Скачать с сервера
  • Скачать
  • Смотреть демо


Скрипт написан на яваскрипте библиотека jQuery на элементе Canvas и сами вникайте что остальное будет значит.. в скрипте...
Минусы скрипта в том, что во первых скрипт не сделан на php, во вторых он работает только в блоке (см. скрин ниже)


Установка:

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

Для страниц сайта: Например мы хотим чтобы скрипт работал для вида материалов и для тега $IMАGE1$ или что там еще у вас..))
Берем код $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>


готово!
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://upost.su/
  • Всего комментариев: 7

master1280
0
master1280 написал: Написано 10 Марта 2014 в 19:35
Комментарий №7
Спасибо огромное создателям. Все работает. Особенно для форума давно такое искал...

master1280
0
master1280 написал: Написано 08 Марта 2014 в 20:07
Комментарий №6
Ссылки на скачивание файла биты.... Файл не существует

2man
0
2man написал: Написано 16 Октября 2011 в 11:53
Комментарий №3
А нет, потихоньку работает!

Aleks
0
Aleks написал: Написано 16 Октября 2011 в 13:40
Комментарий №4
Что ты сделал ? я все по инструкции делал всеравно накладивается стандартный watermark!

2man
0
2man написал: Написано 16 Октября 2011 в 11:43
Комментарий №2
Как всегда не работает!)

Ba11istique
0
Ba11istique написал: Написано 15 Января 2014 в 18:20
Комментарий №5
что делал

Aleks
0
Aleks написал: Написано 15 Октября 2011 в 17:25
Комментарий №1
чето всеравно стандартный вотермарк налажывается ! sad

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • waak написал:
  • и ещё забыл добавить что использую модуль каталог сайтов
  • waak написал:
  • Почему у меня он перелистывает в верх а не вниз и если это первая песня на стр то он её по кругу гоняет а не переходит к последней
    и как сделать стоп по клику на трек который играет?
  • Acht написал:
  • Тест
    Мда, у меня тоже не работает. Или нужно ждать обновление?
    Добрый вечер.Подскажите,пожалуйста: как сделать, чтобы второй или третий набор смайлов заменить своими.
    Последние темы
    Опрос
    251
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: