jCarousel scrolling ads 2015-11-13

jCarousel scrolling ads

Метки:
  1. android88
    Совместимость с XenForo:
    • XenForo 1.2
    • XenForo 1.3
    • XenForo 1.4
    • XenForo 1.5
    jCarousel scrolling ads

    Тема на оф. форуме:
    Код:
    http://xenforo.com/community/threads/jcarousel-scrolling-ads.10769/
    Описание: выводит рекламу в виде слайдшоу выше разделов форума.
    howitlooks.png
    Установка:
    1. Создать шаблон jcarousel. В него поместить код:
      HTML:
      <div style="margin:0 0 15px 0; height:143px">
            <ul id="mycarousel" class="jcarousel-skin-tango">
              <li><a href="url1" target="blank"><img  src="image1.jpg" alt="Image 1" title="Image 1"  /></a></li>
              <li><a href="url2" target="blank"><img  src="image1.jpg" alt="Image 2" title="Image 2"  /></a></li>
              <li><a href="url3" target="blank"><img  src="image1.jpg" alt="Image 3" title="Image 3"  /></a></li>
              <li><a href="url4" target="blank"><img  src="image1.jpg" alt="Image 4" title="Image 4"  /></a></li>
              <li><a href="url5" target="blank"><img  src="image1.jpg" alt="Image 5" title="Image 5"  /></a></li>
            </ul>
          </div>
    2. В шаблоне forum_list перед:
      HTML:
      <xen:if is="{$renderedNodes}"><xen:include template="node_list" /></xen:if>
      добавить
      HTML:
      <xen:include template="jcarousel" />
    3. В шаблоне page_container_js_head, после:
      HTML:
      <script type="text/javascript" src="{$jQuerySource}"></script>
      добавить

      HTML:
      <!-- jCarousel -->
          <script type="text/javascript" src="jcarousel/jquery.jcarousel.min.js"></script>
          <link rel="stylesheet" type="text/css" href="jcarousel/skin.css" />
          <script type="text/javascript">
            jQuery(document).ready(function() {
              jQuery('#mycarousel').jcarousel({
                auto: 4,
                wrap: 'circular'
              });
            });
          </script>
          <!-- end jCarousel-->
Поделиться этой страницей в