• This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

jCarousel scrolling ads

Puntocom

Well-known member
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:
<!-- 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:
<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 <xen:if is="{$renderedNodes}"><xen:include template="node_list" /></xen:if> add
<xen:include template="jcarousel" />

Done :)

If you want to see it in a live site write me a private message since the site has adult content.

http://sorgalla.com/jcarousel/
 

Attachments

  • howitlooks.webp
    howitlooks.webp
    17 KB · Views: 109
  • jcarousel.zip
    jcarousel.zip
    13.4 KB · Views: 35
Thank you for sharing. :)

I'm going to have to find a way to add to the xenPorta as well, but I may try it out in the near future.
 
a couple of questions friend.
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.

Create template jcarousel with this:

Just before <xen:if is="{$renderedNodes}"><xen:include template="node_list" /></xen:if> add

In page_container_js_head, after <script type="text/javascript" src="{$jQuerySource}"></script> add:

Done :)

If you want to see it in a live site write me a private message since the site has adult content.

http://sorgalla.com/jcarousel/

What do i save the jcarousel page as ? html/php ?
Also in what template page do i add the following ?
<xen:include template="jcarousel" />

what do i save the jcarousel as (html,php) ?
Also in what template page do i add this
 
The contents are in the jcarousel directory, it is saved in the root directory of the XenForo installation. For example, if your XF is in ~/public_html, the jcarousel files directory would be ~/public_html/jcarousel

The template is forum_list, I forgot to put it.
 
Top Bottom