Заработок в три клика!

Скрипт увеличения изображения на сайте

С помощью данного скрипта можно увеличивать изображение в тексте страницы - любое и достаточно просто.

Настройка скрипта увеличения изображения.

1. Скачиваем скрипт. Ссылка - ниже по тексту на этой странице.

2. Создаем на сайте папку simplebox - и загружаем в нее файлы скрипта

3. Добавляем в шаблон (перед закрывающим </body>) нашего сайта код, который ниже.

<script type="text/javascript" src="https://site.ru/simplebox/simplebox_util.js"></script> <script type="text/javascript"> (function(){ var boxes=[],els,i,l; if(document.querySelectorAll){ els=document.querySelectorAll('a[rel=simplebox]'); Box.getStyles('simplebox_css','https://site.ru/simplebox/simplebox.css'); Box.getScripts('simplebox_js','https://site.ru/simplebox/simplebox.js',function(){ simplebox.init(); for(i=0,l=els.length;i<l;++i) simplebox.start(els[i]); simplebox.start('a[rel=simplebox_group]'); }); } })();</script>

Внимание! Не забудьте заменить site.ru в коде  - на ваш сайт!

Далее - для вывода изображения вставляем код:

<a href="/upload/001/u140/002/2daf4ba1.jpg" rel="simplebox">
<img src="/upload/001/u140/002/2daf4ba1.jpg"
alt="Здесь описание для фото"
width="180" height="120" border="0" /></a>

Где /upload/userfiles/2daf4ba1.jpg - путь до самого изображения на сервере (абсолютный или относительный) а height и width - параметры высоты и ширины уменшенного изображения на странице.

Пример. Кликните на изображение:

Работа скрипта увеличения изображения по клику

Скачать файл:
sbox.zip 23 Кб
00:06
1952