Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
Всем привет! Кто может подсказать, как установить watemark картинкой на сайте ucoz?? Заранее благодарен! Важно, чтобы не нужно было использовать php скрипт!
Всем привет! Кто может подсказать, как установить watemark картинкой на сайте ucoz?? Заранее благодарен! Важно, чтобы не нужно было использовать php скрипт!
Вообще можно сделать это и бесплатно, создаешь сайт на бесплатном хостинге где есть php потом остается применить только удаленный код на ucoz и все! Мне было интересно возможно ли сделать это уже без php
Вообще можно сделать это и бесплатно, создаешь сайт на бесплатном хостинге где есть php потом остается применить только удаленный код на ucoz и все! Мне было интересно возможно ли сделать это уже без php
Честное слово скрипт сделан ради принципа, из за того что некоторые сказали нельзя сделать с помощью 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>
Честное слово скрипт сделан ради принципа, из за того что некоторые сказали нельзя сделать с помощью 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>
tema1508, можно и бесплатно, тока вотемарк будет накладываться как текст который ты пропишешь в ПУ и только на картинки с форматом jpg, если интересно напиши в лс и распишу как сделать
tema1508, можно и бесплатно, тока вотемарк будет накладываться как текст который ты пропишешь в ПУ и только на картинки с форматом jpg, если интересно напиши в лс и распишу как сделать
