Активные пользователи
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Наложение watermark с помощью jQuery-[Canvas]
Liga
Дата: Пятница, 27.07.2012, 22:40 | Сообщение # 1
Оффлайн
Администраторы
Регистрация: 25.07.2012
Сообщений: 33
Замечания:
IP: Скрытая информация
3


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


Установка:
Скачиваем файл



Для начало создаем папку "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": "[color=blue]/watermark/watermark.png[/color]?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>


  • Страница 1 из 1
  • 1
Поиск:

Зарегистрироваться
Здравствуйте! Вы видите это сообщение так как вы не вошли на сайт под своим логином. Зарегистрируйтесь пожалуйста, и данное окно исчезнет.                                                                                              by
YouScripts
>