jCarousel scrolling ads 2015-11-13

Совместимость с 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/

Описание: выводит рекламу в виде слайдшоу выше разделов форума.

Установка:

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-->