Using jquery for new slideshow?

[s58smith]

Thanks for information so far but I'm still not figuring this out.
I'm just a beginner with JavaScript and only slightly better in php. I like Zen Cart and its available options (a lot), but trying to trace all the calls with this cart is very confusing.

I thought trying to add a simple slide show using the new features from yellow1912 would be good learning experience. I still want to learn so I'm hope you will indulge me in asking more questions.

I'm not certain I know where my problems are.
1. jscript_crosslide.php (in jscript/auto_loaders). I understand I need to setup a call_back to make it work as define_main_page is not actual page name. However every time I try to put in "call_backs" variable my whole zen cart stops working. (I put in an if clause at front just to try and turn it on and off for now, didn't work.)

<?php
if (1==1) {
$call_backs = ('jqCrossSlide_here');
$jscripts[] = array('conditions' => array('call_backs' => $call_backs),
'files' => array('jquery-1.3.2.min.js' => array('path' => 'jquery/','order' => 1), 
'jquery.crossslide-0.3.3.js' => array('path' => 'jquery/','order' => 11), 
'jquery.ondemand.js' => array('path' => 'jquery/','order' => 11),
'jqcrossslide.php' => array('path' => '','order' => 12)
 ));
}

2. I need to create a function "jqCrossSlide_here" to initiate the call back to javascript code. I'm not sure where this function goes in Zen Cart. I thought maybe I need to create a php page in "functions/extra_functions". Do this actually go into the define_main_page.php? I created the following page "functions_crossslide.php" and inserted this code:

function jqCrossSlide_here(){
	global $jqCrossSlide_here;
	return $jqCrossSlide_here;
}

3. Exactly what should I be inserting into the define_main_page.php? For now I tried the following:

<?php
  jqCrossSlide_here();
?>
<div id="jqCrossSlideMain" class="jqcrossslide" style="border: 2px solid; margin: 1em auto; padding: 0px; overflow: hidden; position: relative; height: 500px; width: 500px;">
&nbsp;</div>

4. Here is the javascript from my jqcrossslide.php file (in jscript/).

<script language="javascript" type="text/javascript"><!--
$(document).ready(function(){
	$("#jsCrossSlideMain").crossSlide({fade:1},[
		{
			src:  'images/Cosmos_SontataCarmine.jpg',
			from: '100% 80% 1x',
			to:   '100% 0% 1.7x',
			time: 3
		}, {
			src:  'images/Geranium_MegaPinkSplash.jpg',
			from: 'top left',
			to:   'bottom right 1.5x',
			time: 2
		}
	]);
})
//--></script>

I've tried to read the following, but not figured it out so far.
http://www.zen-cart.com/forum/showthread.php?t=114609
All Wiki pages at http://wiki.rubikintegration.com/zen...t_loader/about
Both jqlightbox and jqzoom from http://public.rubikintegration.com/

Thanks, Steven