Using jquery for new slideshow?

[s58smith]

Hello all,
I'm trying to build a new slideshow using the jquery "Cross Slide". I really wanted to understand some the of the new features used in Zen Cart 2.0 so I've tried to duplicate the same setup used in "jqlightbox" plug-in. https://www.zen-cart.com/forum/showt...ghlight=jquery

My problem is I don't understand exactly how the jqlightbox.php file added into the page you want it added on or how Zen Cart determines when the other files under jscript directory are required to be added in the header.

I've built the following files and need to know what next steps should be.
In the directory: includes/templates/(MY_TEMPLATE)/jscript/
/auto_loaders/jscript_crossslide.php
/jquery/jquery_crossslide-0.3.3.js
jqcrossslide.php

I doing this on the home page on my test site here.
http://www.pot-gardens.com/catalog/

Thanks, Steven

[yellow1912]

http://wiki.rubikintegration.com/zen...t_loader/about

[s58smith]

http://wiki.rubikintegration.com/zen...t_loader/about

Thanks yellow1912.

I can tell already I have a problem in my $pages variable.
What value do I use to have it on define pages "define_main_page.php"?

[yellow1912]

you will need to use call back for that.
create a function like this

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

[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

[yellow1912]

For the call back, how about this

$jscripts[] = array('conditions' => array('call_backs' => array('jqCrossSlide_here')),
'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)
 ));
} 

function jqCrossSlide_here(){
    global $this_is_home_page; // this is a zen variable telling you whether the current page is homepage
    return $this_is_home_page;
} 

For the define main page

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