Как поставить на страницу слайдшоу?

Модератор 11 июня 2013 г.

Re: Как поставить на страницу слайдшоу?

Например здесь: http://hostcms.ru/hostcms/templates/business/template-25/

Вы только что начали читать предложение, чтение которого вы уже заканчиваете.

6 ноября 2013 г.

Re: Как поставить на страницу слайдшоу?

anadikt писал(а):

если как на этом сайте: www.pantoprogramma.ru, то могу подсказать!!!

Подскажите плиз, как поставить такой же слайдер, как на вашем примере

7 ноября 2013 г.

Re: Как поставить на страницу слайдшоу?

Первое: Создаем ИС (Информационная система) настраиваем во вкладе формат размер больших изображений нужной нам ширины и высоты.
Второе: Создаем XSL шаблон "Слайдер" ниже код:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE xsl:stylesheet>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
   <xsl:output xmlns="http://www.w3.org/TR/xhtml1/strict" doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN" encoding="utf-8" indent="yes" method="html" omit-xml-declaration="no" version="1.0" media-type="text/xml"/>

   
   <xsl:template match="/">
      <xsl:apply-templates select="/document"/>
   </xsl:template>

   <xsl:template match="/document">
      
      <xsl:variable name="parent_group_id" select="blocks/parent_group_id"/>
      
      <div class="flexslider">
         <ul class="slides">
            <xsl:apply-templates select="blocks/items/item[item_status=1]"/>
         </ul>
      </div>
   </xsl:template>

   
   <xsl:template match="blocks/items/item">
         
               <xsl:if test="item_image!=''">
                  <li>
                     <img src="{item_image}" class="news_img" alt="{item_name}" align="left"/>
                  </li>
               </xsl:if>
   </xsl:template>
</xsl:stylesheet>

Третье: Скачиваем и подключаем в хедере макета сайта js и css файлы (в примере использован flexslider) и инициализируем скрипт там же в хедере

<script type="text/javascript" charset="utf-8">
  $(window).load(function() {
    $('.flexslider').flexslider();
  });
</script>

Четвертое: Выводим в макете сайта нашу ИС с слайдами (не забудьте поставить ваш ID ИС) ниже код:

               <?php
               $InformationSystem = & singleton('InformationSystem');
               $item_count = 10; // Кол-во слайдов
               $InformationSystemId = '1'; // Тут ID Нашей ИС
               $InformationGroupId = false;  // false - из всех групп, 0 - из корневой группы
               $InformationSystem->ShowInformationSystem($InformationSystemId, $InformationGroupId, 'Слайдер', $item_count, 0);
               ?>

Профит.

skype: mcross82

17 декабря 2013 г.

Re: Как поставить на страницу слайдшоу?

по третьему и четвертому пункту напишите подробнее пожалуйста...как скачать и подключить js и css файлы и инициализировать скрипт?

marik

18 декабря 2013 г.

Re: Как поставить на страницу слайдшоу?

Что тут ещё объяснять? Разжевано, осталось только в рот положить.
Качаешь файлы с сайта указанного выше.
Заливаешь на сервер 2 файла flexslider.css и jquery.flexslider.js
между тегами head в макете подключаешь css и js файлы и там же инициализируешь скрипт
(нужно указать правильные пути к файлам на сервере)

<link rel="stylesheet" href="flexslider.css" type="text/css">
<script src="jquery.flexslider.js"></script>

<script type="text/javascript" charset="utf-8">
  $(window).load(function() {
    $('.flexslider').flexslider();
  });
</script>

skype: mcross82

Авторизация