1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. If you want premium products then purchase our VIP or SVIP plans
  3. Dont forget read our rules HERE Also anyone caught Leeching this content or Scamming will be banned on numerous networks.
    Dismiss Notice
  4. Dont forget we do not allow Multiple Accounts, so all of your accounts as well as your IP will be banned.
    Dismiss Notice
  5. Tired of Download Limits ? UPGRADE Today!
    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:
    1,143
    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:
    1,143
    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