Скрипт увеличения изображения на сайте
С помощью данного скрипта можно увеличивать изображение в тексте страницы - любое и достаточно просто.
Настройка скрипта увеличения изображения.
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 Кб