Главная » 2013 » Март » 13 » Открытие персональных и пр. страниц в highslide (Скрипты для ucoz)
13.03.2013, 19:41

Открытие персональных и пр. страниц в highslide



Highslide JS - это мощный js-скрипт для создания галерей, просмотра любого html контента в красивых окнах с эффектами, навигацией и кучей настроек.
Мало кто использует highslide.js на uCoz, а ведь это - отличная замена стандартным окошкам.
Здесь можно ознакомиться с возможностями и подстроить скрипт под себя

Залейте highslide себе на сайт и подключите как обыкновенный скрипт в <head></head>
Код

<link rel="stylesheet" type="text/css" href="/highslide/highslide.css" />
  <script type="text/javascript" src="/highslide/highslide-full.js"></script>
  <script type="text/javascript" src="/highslide/highslide.config.js" charset="utf-8"></script>
  <script type="text/javascript">hs.graphicsDir = '/highslide/graphics/';</script>


Примеры использования

Открытие списка пользователей

Код cсылки:
Код

<a href="/index/15-1" title="Список пользователей" onclick="return hs.htmlExpand(this, { objectType: 'iframe',width: 618, headingText: 'User list', wrapperClassName: 'titlebar' } )">Список пользователей</a>

Редактирование личной информации

Код cсылки:
Код

<a href="/index/11" onclick="return hs.htmlExpand(this, { objectType: 'iframe',width: 600,height: 400, headingText: 'Редактирование', wrapperClassName: 'titlebar' } )">Редактировать личную информацию</a>



Личные сообщения

Код cсылки:

Код
<a href="$PM_URL$" onclick="return hs.htmlExpand(this, { objectType: 'iframe',width: 600,height: 400, headingText: 'Ваши личные сообщения', wrapperClassName: 'titlebar' } )">Личные сообщения</a>


Персональные страницы


В ПУ настроить "Главная » Пользователи » Настройки модуля » Персональную страницу пользователя открывать » В новом окне (простом)"
Скрипт перед </body>:
Код

<script type="text/javascript">$(document).ready(function(){
  //!User Profile
  $('a[href*="/index/8"]').click(function(){
  return hs.htmlExpand(this, { objectType: 'iframe',width:618, headingText: 'Персональная страницы', wrapperClassName: 'titlebar' } );
  return false;
  });
  });</script>


Теперь все ссылки на страницы пользователей должны открываться в окошках highslide

Банальное слайдшоу
Примерно таким образом можно открывать миниатюры картинок в новостях\файлах\прочих модулях через highslide:
Код

<?if($IMG_URL1$)?><a href="$IMG_URL1$" class="highslide" title="" onclick="return hs.expand(this, config1 )"><img src="$IMG_SMALL_URL1$" alt="" border="0" /></a><br><br><?else?><?endif?>
  <?if($IMG_URL2$)?>
  <a href="$IMG_URL2$" class="highslide" title="" onclick="return hs.expand(this, config1 )"><img src="$IMG_SMALL_URL2$" alt="" border="0" /></a> <br><br><?else?><?endif?>
  <?if($IMG_URL3$)?><a href="$IMG_URL3$" class="highslide" title="" onclick="return hs.expand(this, config1 )"><img src="$IMG_SMALL_URL3$" alt="" border="0" /></a><br><br><?else?><?endif?>
  <?if($IMG_URL4$)?><a href="$IMG_URL4$" class="highslide" title="" onclick="return hs.expand(this, config1 )"><img src="$IMG_SMALL_URL4$" alt="" border="0" /></a><br><br><?else?><?endif?>
  <?if($IMG_URL5$)?><a href="$IMG_URL5$" class="highslide" title="" onclick="return hs.expand(this, config1 )"><img src="$IMG_SMALL_URL5$" alt="" border="0" /></a><br><br><?else?><?endif?>
  <?if($IMG_URL6$)?><a href="$IMG_URL6$" class="highslide" title="" onclick="return hs.expand(this, config1 )"><img src="$IMG_SMALL_URL6$" alt="" border="0" /></a><br><br><?else?><?endif?>
  <?if($IMG_URL7$)?><a href="$IMG_URL7$" class="highslide" title="" onclick="return hs.expand(this, config1 )"><img src="$IMG_SMALL_URL7$" alt="" border="0" /></a><br><br><?else?><?endif?>
  <?if($IMG_URL8$)?><a href="$IMG_URL8$" class="highslide" title="" onclick="return hs.expand(this, config1 )"><img src="$IMG_SMALL_URL8$" alt="" border="0" /></a><br><br><?else?><?endif?>
  <?if($IMG_URL9$)?><a href="$IMG_URL9$" class="highslide" title="" onclick="return hs.expand(this, config1 )"><img src="$IMG_SMALL_URL9$" alt="" border="0" /></a><br><br><?else?><?endif?>
  <?if($IMG_URL10$)?><a href="$IMG_URL10$" class="highslide" title="" onclick="return hs.expand(this, config1 )"><img src="$IMG_SMALL_URL10$" alt="" border="0" /></a><br><br><?else?><?endif?>


Применять этот скрипт можно где угодно и как угодно, различными способами, опираясь только на свою фантазию.
Материал взят с сайта infoscript.ru
Теги: Скачать Открытие персональных и пр. страниц в highslide
Скачать "Открытие персональных и пр. страниц в highslide"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: usite.su
Категория: Скрипты uCoz | Просмотров: 1513 | Добавил: sold93 | Рейтинг: 4.7/3 |
Теги: страниц, пр., персональных, highslide, открытие
Всего комментариев: 7
0  
1 koter   (15.03.2013 06:07) [Материал]
Аватар пользователя
Класс smile спасибо за информацию!

0  
2 InfoDusha -Infoscript Team-  (18.03.2013 16:49) [Материал]
Аватар пользователя
по мне - убого dry

0  
3 skazis   (22.03.2013 18:28) [Материал]
Аватар пользователя
В каком файле копирайт убрать?

0  
4 sold93 -Infoscript Team-  (22.03.2013 21:27) [Материал]
Аватар пользователя
какой копирайт?

0  
5 skazis   (23.03.2013 01:15) [Материал]
Аватар пользователя
Цитирую sold93: какой копирайт?
Ссылка на их сайт в каждом окне "Go to the Highslide JS homepage"

0  
6 InfoDusha -Infoscript Team-  (23.03.2013 16:40) [Материал]
Аватар пользователя
этот копирайт он highslide. и убрать его - нарушение авторских прав >(
хотя я думаю убрать и можно, только долго и почти нереально. smile

0  
7 skazis   (24.03.2013 20:40) [Материал]
Аватар пользователя
Я ссылку изменил на свою, но надпись не могу найти. >(

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]