• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
  • This forum is for release discussion only. Discussions that do not relate specifically to the resource release should be discussed in another, more appropriate forum.
  • 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
#1
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

ArnyVee

Well-known member
#3
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.
 
#4
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
 

Puntocom

Well-known member
#5
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.