Что-то будет

  • Страница 1 из 1
  • 1
Скрипт красивого увелечения изображений.

1
AnDRoiD

    ◄®Andre1◽►™

  • Гл.Админ
  • Сообщений: 1026
  • Репутация:

Для начала нам нужно скачать и установить скачать
установка:

1. Залейте папки images, js, css себе на сайт. Обратите внимание что в папках images и css присутствуют ещё несколько папок соответствующих вариантам оформления. Выберите понравившийся и залейте содержимое в нужную папку.

3. Добавьте следующие строки перед /body
Code
<script src="/js/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>  
      <script src="/js/jquery.lightbox.min.js" type="text/javascript" charset="utf-8"></script>  
      <script type="text/javascript">      
      $(document).ready(function(){      
      $('.lightbox').lightbox();  
      });  
      </script>

3. Добавьте следующие строки в /head
Code
<link rel="stylesheet" type="text/css" href="/css/jquery.lightbox.css" />  
       <!--[if IE 6]><link rel="stylesheet" type="text/css" href="/css/jquery.lightbox.ie6.css" /><![endif]-->

Далее заходим в Каталог Файлов, Настройки Модуля.
И ставим галки на: Web-site автора материала, Ссылка на источник материала, Ссылка на страницу документации к материалу

Далее: Заходим в Настройки в ПУ и жмем, Замена стандартных надписей
И меняем как на скриншоте:

Вот так получится:

[Table]Далее заходим в Каталог Файлов, Управление дизайном, Страница материала и комментариев к нему
И после $MESSAGE$ ставим:[/Table]
Code
<?if($SOURCE_URL$)?>  
  <div align="center" class="doll"><a href="$SOURCE_URL$" class="lightbox"><img src="$SOURCE_URL$" alt=""/></a></div><?endif?>  
  <p>     
     <?if($AUTHOR_SITE$)?>  
  <div align="center" class="doll"><a href="$AUTHOR_SITE$" class="lightbox"><img src="$AUTHOR_SITE$" alt=""/></a></div><?endif?>     
  <p>  
     <?if($DOCPAGE_URL$)?>  
  <div align="center" class="doll"><a href="$DOCPAGE_URL$" class="lightbox"><img src="$DOCPAGE_URL$" alt=""/></a></div><?endif?>

  • Страница 1 из 1
  • 1
Поиск: