Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
Честное слово скрипт сделан ради принципа, из за того что некоторые сказали нельзя сделать с помощью JavaScript'а я сделал этот скрипт. Скрипт работает на одном блоке, то есть суть скрипта таким и был, пользователь сказал сделать скрипт чтобы он работал при загрузки картинки через компьютер на сайт. Вот тому и пример...
Перед тем что заливать скрипт на сайт, я долго думал, написать на форуме в той теме где попросил пользователь или же залить его на главную страницу. И решил все таки показать на главной странице. Так как очень скоро будут новые скрипты, и этот простой скрипт переедет на другую страницу.
В общем немного о скрипте: Скрипт написан на яваскрипте библиотека jQuery на элементе Canvas и сами вникайте что остальное будет значит.. в скрипте... Минусы скрипта в том, что во первых скрипт не сделан на php, во вторых он работает только в блоке в котором вы узнаете чуть ниже.
И так.. давайте поговорим и вспомним суть скрипта, пользователь попросил сделать скрипт для watermark на PHP, и что было дальше можете прочитать там же..)) И суть в том чтобы скрипт работал для вот этой функции сайта Вот для него я как рас и сделал.
Не буду писать лекции, что я не люблю, и сразу перейду к установке скрипта.
Установка:
Для начало создаем папку "watermark" и внутри его заливаем скрипты и картинку ("watermark.png")
Для страниц сайта: Например мы хотим чтобы скрипт работал для вида материалов и для тега $IMAGE1$ или что там еще у вас..)) Берем код $MESSAGE$ и добавляем его в наш див. Пример:
Code
<div class="MySrc">$MESSAGE$</div>
Сам скрипт вставляем перед
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>
[Table]
Сообщение отредактировал NEXU5 - Суббота, 15.10.2011, 20:26:14
Честное слово скрипт сделан ради принципа, из за того что некоторые сказали нельзя сделать с помощью JavaScript'а я сделал этот скрипт. Скрипт работает на одном блоке, то есть суть скрипта таким и был, пользователь сказал сделать скрипт чтобы он работал при загрузки картинки через компьютер на сайт. Вот тому и пример...
Перед тем что заливать скрипт на сайт, я долго думал, написать на форуме в той теме где попросил пользователь или же залить его на главную страницу. И решил все таки показать на главной странице. Так как очень скоро будут новые скрипты, и этот простой скрипт переедет на другую страницу.
В общем немного о скрипте: Скрипт написан на яваскрипте библиотека jQuery на элементе Canvas и сами вникайте что остальное будет значит.. в скрипте... Минусы скрипта в том, что во первых скрипт не сделан на php, во вторых он работает только в блоке в котором вы узнаете чуть ниже.
И так.. давайте поговорим и вспомним суть скрипта, пользователь попросил сделать скрипт для watermark на PHP, и что было дальше можете прочитать там же..)) И суть в том чтобы скрипт работал для вот этой функции сайта Вот для него я как рас и сделал.
Не буду писать лекции, что я не люблю, и сразу перейду к установке скрипта.
Установка:
Для начало создаем папку "watermark" и внутри его заливаем скрипты и картинку ("watermark.png")
Для страниц сайта: Например мы хотим чтобы скрипт работал для вида материалов и для тега $IMAGE1$ или что там еще у вас..)) Берем код $MESSAGE$ и добавляем его в наш див. Пример:
Code
<div class="MySrc">$MESSAGE$</div>
Сам скрипт вставляем перед
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>
