Gatzet.com

In order to provide rotating ads banner on this blog, I was using php banner rotator code until I began to use wp-super cache plugin. Since the wp-cache plugin creates an html static page version from every php page, every php command of those page only executed once and that’s why the php banner rotator no longer working properly. The banner will not change until the cached page deleted or refreshed with a new one.

I finally realized that wp-cache only creates a static page from php code but any javascript code would still be executed this applies to banner rotator as well. If I’m using a javascript code instead of php code then my banner will rotates normally no matter how long the page’s cache last.

I found a simple banner rotator using javascript code from YugDesign.com and it easy to use. All you need to do is placing the following code on position you want and edit the image link and the anchor link as well. Now you can enjoy the benefit of wp-super cache plugin while retaining the functionality of image / banner rotator on your page.

The banner rotator java script code

<script language=JavaScript>
/*
+———————————————————+
| Ad Simple Copyright www.YugDesign.com |
+———————————————————+
| This program may be used and hosted free of charge by |
|anyone for personal purpose as long as this copyright |
|notice remains intact. |
+———————————————————+
*/

var img_width = "300";
var img_height = "250";
var img_title = "Alternate Image Title";

var xy=Math.floor(Math.random()*ad.length);
document.write(’<a href="’+links[xy]+’" target="_blank" rel="nofollow" ><img src="’+ad[xy]+’" width="’+img_width+’" height="’+img_height+’" alt="’+img_title+’"></a>’);
</script>

The original code was from YugDesign.com

Posted on October 21st, 2008   Tags: · code, javascript, wordpress