Index Page Slideshow Not Showing Transition Effects

[joomoo79]

Hey Guys,

I have installed a slideshow for the index page of my website, which you can view test version at http :// marcsebastien. com /us/ ... As you'll see, the slideshow works regarding its main purpose "sliding", but no fading transitions seem to be applied. And that's my problem here.

This is how the slideshow is dispatched to work in zencart... there are 4 parts essentially...

1) pix are placed in includes/templates/YOUR_TEMPLATE/images/slideshow/

2) the javascript files are placed in includes/modules/pages/index/ and here they are below:

2.1) One file is jscript_mootools.js
2.2) jscript_slideshow.js
I will share it right after this post, otherwise, I'm gonna exceed the length limit... ;-) However, you barely get to change anything in this file. In my case, how long the pic will stay and the duration of the transition.


2.3) jscript_slideshow.php

<script type="text/javascript">		
	//<![CDATA[
	
	  window.addEvent('domready', function(){
	    var data = {
	    	'first_pic.jpg': { href:'optional_url' },	    	
	    	'and_so_on': { href:'optional_url' }
	    };
	    var myShow = new Slideshow('show', data, {controller: false, height: YOUR_HEIGHT, hu: 'includes/templates/YOUR_TEMPLATES/images/slideshow', thumbnails: false, width: YOUR_WIDTH});
	  });
	
	//]]>
</script>

In order to execute the slideshow, you just need to place the following div where you want on the index page...

<div id="show" class="slideshow"></div>

Anybody knows where the snag might hide? Sorry for the loooong post but I figured I'd give as much info as I could. Plus someone else might enjoy using a working slideshow on their zencart store. (sorry, don't remember where I found it... I'll research and amend my post tho)

THANX A VILLAGE! ^_^