1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. Please donate today & help us with our growing server costs or buy premium for access to our premium products
    Dismiss Notice

FREE jCarousel scrolling ads

Discussion in 'Xenforo Template Mods & Extras' started by HAWK, Mar 22, 2016.

  1. HAWK

    HAWK Administrator Staff Member ADMIN

    Likes Received:
    854
    Trophy Points:
    113
    Gender:
    Male
    As requested in my profile, here it is a template modification to show slideshow ads above forum list.

    Unzip jcarousel.zip contents in the root directory of your XenForo installation. Directory jcarousel will be created.

    In page_container_js_head, after <script type="text/javascript" src="{$jQuerySource}"></script> add:
    Code:
    <!-- 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-->
    Create template jcarousel with this:
    Code:
    <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>
    In forum_list, just before
    Code:
    <xen:if is="{$renderedNodes}"><xen:include template="node_list" /></xen:if>
    add
    Code:
    <xen:include template="jcarousel" />
    Done
     

    Attached Files:

    Last edited: May 10, 2016
    Cha0s likes this.
  2. Cha0s

    Cha0s Registered REGISTERED

    Likes Received:
    1
    Trophy Points:
    3
    Gender:
    Male
    I wonder if this will work for me?

    It says at the top of the thread "Unzip jcaroussel.zip" is there a download for that?
     
  3. Cha0s

    Cha0s Registered REGISTERED

    Likes Received:
    1
    Trophy Points:
    3
    Gender:
    Male
    @HAWK
    do you have the jcaroussel.zip file for this please
     
  4. HAWK

    HAWK Administrator Staff Member ADMIN

    Likes Received:
    854
    Trophy Points:
    113
    Gender:
    Male
    ok added it , didnt see the file when i posted it here
     
    Cha0s likes this.
  5. Cha0s

    Cha0s Registered REGISTERED

    Likes Received:
    1
    Trophy Points:
    3
    Gender:
    Male
    Thank you
     
    Deviant likes this.

Share This Page

Post thread