Поиск:
  • Страница 1 из 1
  • 1
Фотоальбом в виде выдвигающихся фото на highslide
Дата: Пятница, 24.12.2010, 00:41 | Сообщение # 1
Offline
  • Пользователь
  • Ранг: Сержант
  • 39 Сообщения

Меняем стандартный LightBox на Highslide

На главной странице фотоальбома, разделов, подключаем скрипты в <!--head-->

Code
<script type="text/javascript" src="/highslide/highslide-with-gallery.js"></script>      
<link rel="stylesheet" type="text/css" href="/highslide/highslide.css" />

Далее подключаем графическиен элементы
Code
<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: .75,      
       position: 'bottom center',      
       hideOnMouseOut: true      
       }      
});      
</script>

Что бы убрать логотип powered_by нужно добавить строчку
Code
hs.showCredits = false;

Ну и последние в виде фотографий меняем
Code
<a href="$PHOTO_LIGHTBOX_URL$" title="Просмотры: $REVIEWS$ | Размеры: $PHOTO_SIZE$, $PHOTO_WEIGHT$Kb">$PHOTO$</a>

на
Code
<a id="thumb$ID$" href="$FULL_PHOTO_DIRECT_URL$"       
class="highslide" onclick="return hs.expand(this)">      
<img src="$PHOTO_DIRECT_URL$" border="0"       
title="$PHOTO_DESCR$" /></a>
Дата: Суббота, 25.12.2010, 10:36 | Сообщение # 2
Offline
  • Пользователь
  • I'm Back
  • 313 Сообщения
Красиво! Да еще и на примере красивая девушка happy happy
I'm home like a TERMENATOR :D
Дата: Суббота, 25.12.2010, 11:27 | Сообщение # 3
Offline
  • Пользователь
  • Sorry™
  • 0 Сообщения
Спасибо за скрипт
  • Страница 1 из 1
  • 1
Поиск:
Администрация проекта не несет ответственности за публикуемые материалы.
Дизайн полностью принадлежит "Up-Rise.Ru".
Дизайн сайта разработал life_man.
© 2025 Сайт управляется системой uCoz.