Getting Jave-Script to work on Main Page

**brandonturpin** · 8 May 2010, 03:17 AM

So I have been looking over the forums and there are some posts on the subjects but nothing they sugested worked for what I was trying to do

I am trying to put a Javascript Gallery on the home page, here is what I have that works on a regular HTML page but when I get in the zen cart it never works

<in the header>
<link rel="stylesheet" href="style.css" />

<HTML code in the body>

<ul id="slideshow">
<li>
<h3>Happy Birthday Krista</h3>
<span>photos/krista.jpg</span>
<p>text.</p>
<a href="#"><img src="thumbnails/krista.jpg" alt="Orange Fish" /></a> </li>
<li>
<h3>Happy Birthday Krista</h3>
<span>photos/krista.jpg</span>
<p>text.</p>
<a href="#"><img src="thumbnails/krista.jpg" alt="Orange Fish" /></a></li>
<li>
<h3>Happy Birthday Krista</h3>
<span>photos/krista.jpg</span>
<p>text.</p>
<a href="#"><img src="thumbnails/krista.jpg" alt="Orange Fish" /></a> </li>
<li>
<h3>Happy Birthday Krista</h3>
<span>photos/krista.jpg</span>
<p>text.</p>
<a href="#"><img src="thumbnails/krista.jpg" alt="Orange Fish" /></a> </li>
<li>
<h3>Happy Birthday Krista</h3>
<span>photos/krista.jpg</span>
<p>text.</p>
<a href="#"><img src="thumbnails/krista.jpg" alt="Orange Fish" /></a></li>
<li>
<h3>Happy Birthday Krista</h3>
<span>photos/krista.jpg</span>
<p>text.</p>
<a href="#"><img src="thumbnails/krista.jpg" alt="Orange Fish" /></a> </li>
<li>
<h3>Happy Birthday Krista</h3>
<span>photos/krista.jpg</span>
<p>text.</p>
<a href="#"><img src="thumbnails/krista.jpg" alt="Orange Fish" /></a> </li>
<li>
<h3>Happy Birthday Krista</h3>
<span>photos/krista.jpg</span>
<p>text.</p>
<a href="#"><img src="thumbnails/krista.jpg" alt="Orange Fish" /></a> </li>
</ul>
<div id="wrapper">
<div id="fullsize">
<div id="imgprev" class="imgnav" title="Previous Image"></div>
<div id="imglink"></div>
<div id="imgnext" class="imgnav" title="Next Image"></div>
<div id="image"></div>
<div id="information">
<h3></h3>
<p></p>
</div>
</div>
<div id="thumbnails">
<div id="slideleft" title="Slide Left"></div>
<div id="slidearea">
<div id="slider"></div>
</div>
<div id="slideright" title="Slide Right"></div>
</div>
</div>
<script type="text/javascript" src="compressed.js"></script>
<script type="text/javascript">
$('slideshow').style.display='none';
$('wrapper').style.display='block';
var slideshow=new TINY.slideshow("slideshow");
window.onload=function(){
slideshow.auto=true;
slideshow.speed=5;
slideshow.link="linkhover";
slideshow.info="information";
slideshow.thumbs="slider";
slideshow.left="slideleft";
slideshow.right="slideright";
slideshow.scrollSpeed=4;
slideshow.spacing=5;
slideshow.active="#fff";
slideshow.init("slideshow","image","imgprev","imgnext","imglink");
}
</script>

<end html script>

in addition there are the following files needed in the root folder with the index page

images > left.gif
images > link.gif
images > right.gif
images > scroll-left.gif
images > scroll-right.gif
photos > krista.jpg
thumbnails > krista.jpg
compressed.js
script.js
style.css

where do i place all these files and everything to get it to work?

this is what it should look like
http://sandbox.leigeber.com/javascript-slideshow/

this is where i got the code
http://www.leigeber.com/2008/12/javascript-slideshow/

**DomainDude** · 9 May 2010, 08:22 AM

I had a problem like this when I was trying to do install a Flash slideshow on a homepage... http://www.zen-cart.com/forum/showthread.php?t=116507 but the solution is complicated and you need to edit your template files in order to install and I gave up after an hour of fiddling. Then I found this mod http://www.magictoolbox.com/magicslideshow_zen_cart/ and bingo! Uses JavaScript instead of Flash but that's ok for my use.

Thread: Getting Jave-Script to work on Main Page

Thread Tools

Search Thread

Display

Getting Jave-Script to work on Main Page

Re: Getting Jave-Script to work on Main Page

Similar Threads

v139h i wrote an email activation script, but getting blank page...so close...

Adding tracking script to main page

[HELP] making login script / logout on main page

custom image popup script only work for main image, not for additional images

Script error on main page only

Posting Permissions