Главная » Файлы » Скрипты для uCoz » Фотоальбом

Фотогалерея Highslide
22.06.14, 15:38:58

Скачать файл




Вот и завершилась моя работа над самым сложным во всех планах скриптом... Спасибо всем тем, кто принимал участие в тестировании! Что ж, как я и обещал, установка будет лёгкой, поэтапной... Теперь проблем не должно возникнуть даже с самыми капризными дизайнами. Ну что же, приступим:

1) Загружаем папку "highslide" из прикреплённого архива (Не меняя структуры!!!) в корень сайта

2) Главная страница фотоальбома, Страница со списком фотографий раздела, Страница со списком фотографий альбома, Страница рейтинга и поиска фотографий, Страница входа в приватный альбом (На каждой из этих страниц)



После тега
Код
<head>
вставляем:

Код
<link type="text/css" rel="StyleSheet" href="http://apocalypse.ucoz.kz/bigbar/hintblack.css" />
  <script type="text/javascript" src="http://apocalypse.ucoz.kz/bigbar/hintblack.js"></script>  

  <script type="text/javascript" src="/highslide/highslide-with-gallery.js"></script>  
  <link rel="stylesheet" type="text/css" href="/highslide/highslide.css" />  
  <!--[if lt IE 7]>  
  <link rel="stylesheet" type="text/css" href="/highslide/highslide-ie6.css" />  
  <![endif]-->  

  <script type="text/javascript">  
  hs.graphicsDir = '../highslide/graphics/';  
  hs.align = 'center';  
  hs.transitions = ['expand', 'crossfade'];  
  hs.fadeInOut = true;  
  hs.outlineType = 'rounded-white';  
  hs.wrapperClassName = 'dark';  
  hs.captionEval = 'this.a.title';  
  hs.numberPosition = 'caption';  
  hs.useBox = true;  
  hs.width = 800;  
  hs.height = 600;  
  //hs.dimmingOpacity = 0.8;  

  // Add the slideshow providing the controlbar and the thumbstrip  
  hs.addSlideshow({  
//slideshowGroup: 'group1',  
interval: 5000,  
repeat: false,  
useControls: true,  
fixedControls: 'fit',  
overlayOptions: {  
position: 'bottom center',  
opacity: .75,  
hideOnMouseOut: true  
},  
thumbstrip: {  
position: 'above',  
mode: 'horizontal',  
relativeTo: 'expander'  
}  
  });  

  // Make all images animate to the one visible thumbnail  
  var miniGalleryOptions1 = {  
thumbnailId: 'thumb1'  
  }  
  </script>


3) Страница с полной фотографией и комментариями



После тега
Код
<head>
вставляем:

Код
<link rel="stylesheet" type="text/css" href="/highslide/highslide.css">  
  <script type="text/javascript" src="/highslide/highslide.js"></script>
  <script type="text/javascript">
hs.graphicsDir = '/highslide/graphics/';
  </script>


Спускаемся ниже и находим и удаляем строчку (У кого стандартные дизайны):

Код
<tr><td colspan="2" align="center">$PHOTO$</td></tr>


Если нет такой строчки - найдите хотя бы $PHOTO$ и удалите его. Если у вас в коде нет такого оператора - радуйтесь smile Удалять ничего не нужно smile

Далее находим строчку, которая начинается с и заменяем её на:

Код
<?if($FULL_PHOTO_DIRECT_URL$)?><center><a href="$FULL_PHOTO_DIRECT_URL$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img src="$FULL_PHOTO_DIRECT_URL$" border=0 width=500 style="border:none;"></a></center><br><?endif?>


На этой странице закончили, едем дальше...

4) Вид фотографий



Заменяем там весь код на:

Код
<center>

  <a title="Кликните для перехода в категорию" href="$CAT_URL$">[$CAT_NAME$]</a>  

  <table border="0" cellpadding="0" cellspacing="0">
<tbody>
  <tr>
<td width="17" background="http://apocalypse.ucoz.kz/foto/3bd0bff61a01.png" height="17" border="0">
</td>
<td background="http://apocalypse.ucoz.kz/foto/290b6ff174f7.png" height="17" border="0">
</td>
<td width="17" background="http://apocalypse.ucoz.kz/foto/94af9881da39.png" height="17" border="0">
</td>
</tr>
<tr>
<td width="17" background="http://apocalypse.ucoz.kz/foto/326a55f011dc.png" border="0">
</td>
  <td>  

  <?if($FULL_PHOTO_DIRECT_URL$)?><center><a title="<u>Название:</u> <b>$PHOTO_NAME$</b><br><br><u>Добавил:</u> <b>$USER$</b><br><br><u>Комментариев:</u> <b>$COMMENTS_NUM$</b><br><br><u>Размеры:</u> <b>$PHOTO_SIZE$, $PHOTO_WEIGHT$ Кб</b>" href="$FULL_PHOTO_DIRECT_URL$" id="thumb1" onclick="return hs.expand(this, miniGalleryOptions1)">$PHOTO$</a></center><br><?endif?>  
  <center><?if($RATING$)?><center><?$RSTARS$('12','/.s/img/stars/3/12.png','1','float')?><?endif?>  
  <a title="Перейти на страницу с фотографией" href="$PHOTO_URL$">[Перейти]</a></center>  

  </td>
  <td width="17" background="http://apocalypse.ucoz.kz/foto/a4e3e0816fe3.png" border="0">
</td>
</tr>
<tr>
<td width="17" background="http://apocalypse.ucoz.kz/foto/8cb928874182.png" height="17" border="0">
</td>
<td background="http://apocalypse.ucoz.kz/foto/8f85b050c329.png" height="17" border="0">
</td>

<td width="17" background="http://apocalypse.ucoz.kz/foto/ce48d6da8a98.png" height="17" border="0">
</td>
</tr>
</tbody></table>


Вот и всё smile Пользуйтесь на здоровье!
Категория: Фотоальбом | Добавил: Apocalypse | Теги: Highslide, фотогалерея
Просмотров: 393 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: