Сегодня 19.05.2024

Добро пожаловать!
CheZone.Ru™ - Вайнахский портал,где можно просмотреть самые свежие новости, найти, скачать, а так же заказать программу, фильмы, музыкальные композиции.Помимо этого у нас есть форум, где Вы можете познакомиться и общаться с другими участниками нашего проекта!

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

  • Страница 1 из 1
  • 1
Форум - CheZone.Ru ™ - Это место встречи ВАЙНАХОВ! » Помощь Web-мастеру » Готовые скрипты для UcoZ » Новая Фотогалерея
Новая Фотогалерея
ХемсДата: Среда, 09.12.2009, 23:06 | Сообщение # 1
Нохчи кiант
Группа: Админы
Сообщений: 4989
Статус:

Для начала создадим два таких файла: 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>

Скачиваем саму рамочку: Тут

Дальше Вид фотографий и заменяем всё что там есть на этот код:

Code
<center>   
<table border="0" cellpadding="0" cellspacing="0">     
     <tbody>   
<tr>     
     <td width="17" background="/foto/3bd0bff61a01.png" height="17">     
     </td>     
     <td background="/foto/290b6ff174f7.png" height="17">     
     </td>     
     <td width="17" background="/foto/94af9881da39.png" height="17">     
     </td>     
     </tr>     
     <tr>     
     <td width="17" background="/foto/326a55f011dc.png">     
     </td>     
<td>     
<a href="$FULL_PHOTO_DIRECT_URL$" class="highslide" onclick="return hs.expand(this)">   
     <img src="$PHOTO_DIRECT_URL$" alt="$PHOTO_NAME$" height="85" width="85"/></a>   
</td>   
<td width="17" background="/foto/a4e3e0816fe3.png">     

     </td>     
     </tr>     
     <tr>     
     <td width="17" background="/foto/8cb928874182.png" height="17">     
     </td>     
     <td background="/foto/8f85b050c329.png" height="17">     
     </td>     

     <td width="17" background="/foto/ce48d6da8a98.png" height="17">     
     </td>     
     </tr>     
     </tbody></table><a href="$COMMENTS_URL$"><b>Подробнее</b></a><br>   
</center>

За основу была взята фотогалерея highslide.


 
Форум - CheZone.Ru ™ - Это место встречи ВАЙНАХОВ! » Помощь Web-мастеру » Готовые скрипты для UcoZ » Новая Фотогалерея
  • Страница 1 из 1
  • 1
Поиск: