View Single Post
  #12  
Old 05-23-2010, 08:26 AM
 
minfinger minfinger is offline
 

X-Adept
  
Join Date: Apr 2009
Posts: 678
 

Default Re: 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
__________________
X-Cart 4.3
Joomla
Among other things
Reply With Quote