X-Cart forums - AJAX based flash/gif banner rotetor

OK I finally got it....WOW...Lot of work just to get it in there. I've found that everything in 4.3 is a bit different than previous versions.

Here goes I'll explain what I did and how I got it to work.

I didn't put anything in the welcome.tpl, because that does not put the banner above the category menu.

In the customer/head.tpl find <div class="logo1"> and add the following.
I removed everything after <div class="logo1"> to the next </div> and replace it with the following.

Code:

<center>{literal}<script type="text/javascript">

var xmlfile="skin1/flash/tickercontent.txt" //path to ticker txt file on your server.

//ajax_ticker(xmlfile, divId, divClass, delay, optionalfadeornot)

new ajax_ticker(xmlfile, "ajaxticker1", "someclass", 15000)

</script>{/literal}</center>

In the /customer/meta.tpl after:

Code:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

I added:

Code:

<script type="text/javascript" src="{$SkinDir}/flash/ajaxticker.js"></script>

My tickercontent.txt is the following, just jpg files.

Code:

<!--Wrap each ticker cotent inside <div class="message"> tag -->



<div class="message">

<a href="http://littlepuppiesonline.msidesigns.com/"><img src="http://littlepuppiesonline.msidesigns.com/skin1/flash/banner1.jpg"></a></div>



<div class="message">

<a href="http://littlepuppiesonline.msidesigns.com/"><img src="http://littlepuppiesonline.msidesigns.com/skin1/flash/banner2.jpg"></a></div>



<div class="message">

<a href="http://littlepuppiesonline.msidesigns.com/"><img src="http://littlepuppiesonline.msidesigns.com/skin1/flash/banner3.jpg"></a></div>



<div class="message">

<a href="http://littlepuppiesonline.msidesigns.com/"><img src="http://littlepuppiesonline.msidesigns.com/skin1/flash/banner4.jpg"></a></div>



<div class="message">

<a href="http://littlepuppiesonline.msidesigns.com/"><img src="http://littlepuppiesonline.msidesigns.com/skin1/flash/banner5.jpg"></a></div>



<div class="message">

<a href="http://littlepuppiesonline.msidesigns.com/"><img src="http://littlepuppiesonline.msidesigns.com/skin1/flash/banner6.jpg"></a></div>



<div class="message"> <a href="http://littlepuppiesonline.msidesigns.com/"><img src="http://littlepuppiesonline.msidesigns.com/skin1/flash/banner7.jpg"></a></div>

Now that I know how to use it, I may use this code to fade the image in the middle and make the 2 outside pieces separate static jpgs.

http://littlepuppiesonline.msidesigns.com/home.php