Display A Random Banner

[japersonal]

My code and the results

Please post here the whole content of the template you are editing. It looks like you have an extra opening/closing bracket somewhere...

 

[japersonal]

Also, call the image from its relative path:

<a href="http://www.path.de"><img src="/images/header/header1.jpg"></a>

Not from a full URL, like you are doing:

<a href="http://www.path.de"><img src="http://www.path.de/images/header/header1.jpg"></a>

I thought I was very clear with my example above.

 

[bt012ss]

I thought I was very clear with my example above.

I also think so

My Code, the result you know
With or without a slash before "images/header/"
it´s the same.

<xen:hook name="ad_below_content" />
<xen:comment>DEFINE AND RANDOMIZE YOUR BANNERS</xen:comment>

<xen:set var="$banners.1"><a href="http://www.path.de"><img src="images/header/header1.jpg"></a></xen:set>
<xen:set var="$banners.2">images/header/header2.jpg</xen:set>
<xen:set var="$banners.3">images/header/header3.jpg</xen:set>
<xen:set var="$banners.4">images/header/header4.jpg</xen:set>
<xen:set var="$banners.5">images/header/header5.jpg</xen:set>
<xen:set var="$banners.6">images/header/header6.jpg</xen:set>
<xen:set var="$banners.7">images/header/header7.jpg</xen:set>
<xen:set var="$banners.8">images/header/header8.jpg</xen:set>
<xen:set var="$banners.9">images/header/header9.jpg</xen:set>
<xen:set var="$banners.10">images/header/header10.jpg</xen:set>

<center><img src="{xen:raw '$banners.{xen:calc '({$serverTime} % 10) + 1'}'}" /></center>

 

[japersonal]

Hi @bt012ss,

Well, the error is right there. You are duplicating tasks, when putting the "src" in both the xen:set and the xen:raw.

First, I would suggest you start with just 2 banners, or even 1. Once those are working, you would have learnt and will be confident enough to add more.

Please try with this code in an empty template:

<xen:set var="$banners.1">
<a href="http://www.path.de"><img src="/images/header/header1.jpg"></a>
</xen:set>
{xen:raw '$banners.{xen:calc '({$serverTime} % 1) + 1'}'}

Good luck.

 

[bt012ss]

Ok @japersonal , i will try it tomorrow evening.

Thank you

 

[bt012ss]

@japersonal

I found the right code by try and error and of course with your great tips.
Thank you very much for your time

Without a slash before the relative path the code is now correct.

<xen:hook name="ad_below_content" />
<xen:comment>DEFINE AND RANDOMIZE YOUR BANNERS</xen:comment>

<xen:set var="$banners.1"><a href="http://www.xx.de"><img src="styles/haendler/footer/mbs.png"></a></xen:set>
<xen:set var="$banners.2"><a href="http://www.xx.de"><img src="styles/haendler/footer/lutz.jpg"></a></xen:set>
<xen:set var="$banners.3"><a href="http://www.xx.de"><img src="styles/haendler/footer/motocoach.jpg"></a></xen:set>
<xen:set var="$banners.4"><a href="http://www.xx.de"><img src="styles/haendler/footer/motorcycle-service.jpg"></a></xen:set>
<xen:set var="$banners.5"><a href="http://www.xx.cc"><img src="styles/haendler/footer/motorismo.jpg"></a></xen:set>
<xen:set var="$banners.6"><a href="http://www.xx.de"><img src="styles/haendler/footer/spyder.jpg"></a></xen:set>
<xen:set var="$banners.7"><a href="http://www.xx.de"><img src="styles/haendler/footer/tecbike.jpg"></a></xen:set>
<xen:set var="$banners.8"><a href="http://www.xx.de"><img src="styles/haendler/footer/aundb.png"></a></xen:set>
<xen:set var="$banners.9"><a href="http://www.xx.de"><img src="styles/haendler/footer/hafeneger.png"></a></xen:set>
<xen:set var="$banners.10"><a href="http://www.xx.de"><img src="styles/haendler/footer/jajauma.png"></a></xen:set>

<center>{xen:raw '$banners.{xen:calc '({$serverTime} % 10) + 1'}'}</center>

 

[japersonal]

I'm glad you found your way to fix it and make it work.

 

[Russ]

Hey @Jake Bunce is there a way using this method somewhat to display a banner one per day every day of the week?

 

[wickedstangs]

I tried putting this code and it messes up Jaxel front page portal.. What am I doing wrong?

<xen:comment>DEFINE AND RANDOMIZE YOUR BANNERS</xen:comment>

<xen:set var="$banners.1"><center><a href="http://stangshiftergaskets.com/"><img src="http://www.terminatormustangs.com/images/stangshifter/stangshifter.png" width="468" height="60" /></center></xen:set>

{xen:raw '$banners.{xen:calc '({$serverTime} % 1) + 1'}'}

 

[japersonal]

I tried putting this code and it messes up Jaxel front page portal.. What am I doing wrong?

You are missing the closing </a>:

<a href="http://stangshiftergaskets.com/">
<img src="http://www.terminatormustangs.com/images/stangshifter/stangshifter.png" width="468" height="60" /></a>

 

[wickedstangs]

how can I make it responsive?

 

[Mian Shahid]

Hi, @Jake Bunce , such a nice MOD,
@japersonal
If i like to display the banners as per below image:

then where can i put this code? may be in ad_below_contect or some ware else?

 

[Brogan]

ad_above_top_breadcrumb

 

[Mian Shahid]

ad_above_top_breadcrumb

Thanks, you are always quick & sharp, right on target , where can i write a re-view for you

 

[Mian Shahid]

How can i add some text above banners?
@Brogan

 

[Mian Shahid]

How can i add some text above banners?
@Brogan

<xen:hook name="ad_above_top_breadcrumb" />
<xen:comment>DEFINE AND RANDOMIZE YOUR BANNERS</xen:comment>
<div style="text-align: center;"><script type="text/javascript">
MY TEXT & CODING
</script></div>
<xen:set var="$banners.1"><a href="http://www.SITE.com"><img src="images/banner1.png"></a></xen:set>
<xen:set var="$banners.2"><a href="http://www.SITE.com"><img src="images/banner2.png"></a></xen:set>

<center>{xen:raw '$banners.{xen:calc '({$serverTime} % 2) + 1'}'}</center>

 

[Mian Shahid]

Is their any way to disable this for mobile viewers?

 

[Brogan]

http://xenforo.com/community/resources/responsive-design.2193/

http://xenforo.com/community/resources/responsive-adsense.2084/

 

[Mian Shahid]

http://xenforo.com/community/resources/responsive-design.2193/

http://xenforo.com/community/resources/responsive-adsense.2084/

how can i set those banner image width to 100%? is their any code to add in EXTRA.css or some ware else?

 

[Mian Shahid]

how can i set those banner image width to 100%? is their any code to add in EXTRA.css or some ware else?

Solved

<xen:set var="$banners.1"><a href="http://www.site.com"><img style="max-width: 100%" src="images/ads/banner1.jpg"" ></a></xen:set>
<xen:set var="$banners.2"><a href="http://www.site.com"><img style="max-width: 100%" src="images/ads/banner2.gif" ></a></xen:set>