PDA

View Full Version : Cmotion: Mouse function



ICY
06-04-2010, 10:47 PM
1) Script Title:
Cmotion Gallery
2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex4/cmotiongallery.htm

3) Describe problem:

Hi Guys,

Need some assistance with setting up the CMotion Gallery...

Related to an art gallery, paint artist.

The gallery has been set..

With stepcarousel.. (wraparound active, one panel shifts automatically)
Nav buttons on side, (when clicking 3 panels movement)

But unfortunately I cant control with mouse..
(so instead of using side nav panels, and or waiting for the wraparound to complete to have the ability to scroll with the mouse)

What part of code did I forget to enter...


<link href="images/style.css" type="text/css" rel="stylesheet">

<script type="text/javascript" src="gal_property/lightbox.js"></script>
<script type="text/javascript" src="gal_property/abc.js">

</script>
<link rel="stylesheet" href="gal_property/lightbox.css" type="text/css" media="screen">


<script type="text/javascript" src="stepcarousel.js">

/***********************************************
* Step Carousel Viewer script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

</script>

<script type="text/javascript">

stepcarousel.setup({
galleryid: 'mygallery', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'panel', //class of panel DIVs each holding content
autostep: {enable:true, moveby:1, pause:2000},
panelbehavior: {speed:1000, wraparound:true, persist:true},
defaultbuttons: {enable: true, moveby: 3, leftnav: ['images/left.jpg', -20, 1], rightnav: ['images/right.jpg', 5, 1]},
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
})

</script>