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


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

3023
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 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    403
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 11
    Гостей: 7
    Пользователей: 4
    0
    Сегодня были
    Топ пользователей: