Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.221.80.42
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Фотоальбом в виде выдвигающихся фото на highslide
Сообщение оставлено 07.01.2010 в 15:45:23 | Сообщение #1

Меняем стандартный 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>
 

http://www.csbox.org/

 
   
Сообщение оставлено 14.05.2010 в 22:01:24 | Сообщение #2
Не очень...
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика