Уникальность и удобство скрипта в том что если вы загрузили несколько картинок то можете их листать в том же окне нажав кнопку далее. lightbox увеличение картинок, скринов, или постеров с возможностью листать их по очереди.
Вы загружаете в форму загрузки скриншота, сколько угодно постеров, и можете сделать вывод всех 20 возможных, соответственно продлив скрипт с условным операторами.
Используется новшество наворот технологии lightbox которая развивается и не раз уже как используется на наших сайтах.
Установка:
Создаем в корне папку lightbox и все содержимое архива скаченного с нашего сайта, заливаем в файловый менеджер так как есть вместе с папкой графики images.
Далее Идем » Управление дизайном » Редактирование шаблонов » Ваш модуль и после условного оператора вывода текста в любом модуле вашего сайта$MESSAGE$ вставим следующий код скрипта:
Code
<center>
<?if($IMG_URL1$)?>Скриншоты:<br><a href="$IMG_URL1$?lightbox[width]=600&lightbox[height]=310" class="lightbox" rel="group1"><img src="$IMG_URL1$" width="200" height="120" alt=""/></a><?endif?>
<?if($IMG_URL2$)?><a href="$IMG_URL2$?lightbox[width]=600&lightbox[height]=310" class="lightbox" rel="group1"><img src="$IMG_URL2$" width="200" height="120" alt=""/></a><?endif?>
<?if($IMG_URL3$)?><a href="$IMG_URL3$?lightbox[width]=600&lightbox[height]=310" class="lightbox" rel="group1"><img src="$IMG_URL3$" width="200" height="120" alt=""/></a><?endif?> </center>
<link rel="stylesheet" type="text/css" href="/lightbox/jquery.lightbox.css" />
<script src="/lightbox/jquery.lightbox.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.lightbox').lightbox();
});
</script>
$IMG_URL1$ - вывод картинки загруженной в форму скриншоты.