[spoiler="Скрин"][/spoiler] Вид после нажатия на картинку:
[spoiler="Скрин"]
[/spoiler] Для начала создадим два таких файла: highslide-full.js и highslide.css
И заливаем это в отдельную папку на сайте (в данном примере это папка - iload).
Этот код ставим на страницу фотоальбома,где хотите такой вид картинок:
Code
<script type="text/javascript" src="/iload/highslide-full.js"></script>
<link rel="stylesheet" type="text/css" href="/iload/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = '../highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
hs.dimmingOpacity = 0.75;
// Add the controlbar
hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: 1,
position: 'bottom center',
hideOnMouseOut: true
}
});
</script>
Скачиваем саму рамочку: Тут
Дальше Вид фотографий и заменяем всё что там есть на этот код:
