jCarousel scrolling ads 2015-11-13

Нет прав для скачивания
jCarousel scrolling ads
Совместимость с 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-->
Автор
android88
Скачивания
0
Первый выпуск
Обновление
Оценка
0.00 звёзд 0 оценок