2 Motion Gallery Scroll in 1 page

[Brillo]

Hi,

i love your script
is there a way to have 2 scrolls
http://www.dynamicdrive.com/dynamici...iongallery.htm
in 1 page

I test it with motioncontainer+motioncontainer2+.....,
but i can't fix the probs

Thanks
Brillo

[jscheuer1]

There are several ways to do this. Right now, the easiest method would be to have two separate pages. On one page have one gallery and a borderless iframe whose src attribute is the second page which has on it the second gallery.

Other options are to write a second version of the script with all of its function, variable and id names different - or to rewrite the script to be object oriented.

[Brillo]

There are several ways to do this. Right now, the easiest method would be to have two separate pages. On one page have one gallery and a borderless iframe whose src attribute is the second page which has on it the second gallery.

Other options are to write a second version of the script with all of its function, variable and id names different - or to rewrite the script to be object oriented.

Hi,
yes, the first option is easy. But i like to use it in a php gallery.
And the script generate one page with thumbs in 2 rows.
The rows have the name row1 and row2.
Here i can use the different numbers for the CMotion Image Gallery.

With this step, i need option2 from your ways.
But => I can't write a new version
I test it 2 days with different variables (motioncontainer1+motioncontainer2... and also the other variables and functions with 1 and 2)
But the script work's not...

Help please !!

Kurt

[jscheuer1]

OK, here is an object oriented version. It is a little different to set up than the original, as any OO version would have to be. But, the configuration is well documented. Use you browser's view source to get the demo page's code and download these two files:

motiongallery_oo.js
gallerystyle_oo.css

Demo page:

http://home.comcast.net/~jscheuer1/s...cmotion_oo.htm

Notes: You must set up your image trains as arrays in the motiongallery_oo.js file. Just follow the examples. Also, be sure to read all configuration notes in all three files. In motiongallery_oo.js you don't have to read beyond this line:

////NO NEED TO EDIT BELOW THIS LINE////////////

As it can be confusing to anyone not familiar with scripting, this part:

/////////////////////////////////////////////////////////////////////////////////////////
/*                              Parameter Definitions:
/////////////////////////////////////////////////////////////////////////////////////////
* gallery_array_name - name of the array of the gallery's img train (object name, ex: gallery2)
* rest_area_size - size of the neutral area in the center of the gallery in pixels (integer, ex: 6)
* maxspeed - top speed of the gallery (integer)
* maxwidth - maximum width of the gallery in pixels (integer) must be less than the width of the image train
* startposition - 1 for left start, 0 for right, 2 for center (integer)
* width - width of the gallery in pixels(integer) or percent ('string' with % sign, ex: '75%')
* height - height of the gallery in pixels (integer)
* optional_centering - use [, 'c'] for centering, skip this parameter for no centering ('string')
*****************************************************************************************/

//new cmotiongallery(gallery_array_name, rest_area_size, maxspeed, maxwidth, startposition, width , height, optional_centering)

On the demo page (cmotion_oo.htm) does nothing. It's just instructions. These are the lines that initialize the galleries:

new cmotiongallery(gallery, 6, 7, 1000, 2, '50%', 225, 'c')

and:

new cmotiongallery(gallery2, 6, 7, 1000, 1, 500, 225)

Feel free to ask if you have any questions.

[pitschkac]

John,

Thanks for the script. One last question. Can you direct me to the coding that determines the space between each gallery. I would like multiple galleries to generate a grid, with each gallery only being 25px in height. Currently the space between each gallery is quite large and I can't figure out the coding. Thanks in advance.

Chad

[pitschkac]

All,

I figured it out. Sorry for the post, should have looked at html first. Thanks

Chad

[pasolonet]

Sorry, but my english is veri bad, thanks.

why i have not scroll if me *.htm is equal of you *.htm and me 'gallerystyle_oo.css' is equal of you 'gallerystyle_oo.css'.

But me motiongallery_oo.js chace next lines


gallery[2]='<a href="ARMARENAS.JPG"><img src="ARMARENAS.JPG" border="1"></a>';
gallery[3]='<a href="Quienes.JPG"><img src="Quienes.JPG" border="1"></a>';
gallery[4]='<a href="ARMARENAS.JPG"><img src="ARMARENAS.JPG" border="1"></a>';
gallery[5]='<a href="Quienes.JPG"><img src="Quienes.JPG" border="1"></a>';
gallery[6]='<a href="ARMARENAS.JPG"><img src="ARMARENAS.JPG" border="1"></a>';
gallery[7]='<a href="Quienes.JPG"><img src="Quienes.JPG" border="1"></a>';
gallery[8]='<a href="ARMARENAS.JPG"><img src="ARMARENAS.JPG" border="1"></a>';

---

thank you.

[eastboy301]

OK, here is an object oriented version. It is a little different to set up than the original, as any OO version would have to be. But, the configuration is well documented. Use you browser's view source to get the demo page's code and download these two files:

motiongallery_oo.js
gallerystyle_oo.css

Demo page:

http://home.comcast.net/~jscheuer1/s...cmotion_oo.htm

Notes: You must set up your image trains as arrays in the motiongallery_oo.js file. Just follow the examples. Also, be sure to read all configuration notes in all three files. In motiongallery_oo.js you don't have to read beyond this line:

////NO NEED TO EDIT BELOW THIS LINE////////////

As it can be confusing to anyone not familiar with scripting, this part:

/////////////////////////////////////////////////////////////////////////////////////////
/*                              Parameter Definitions:
/////////////////////////////////////////////////////////////////////////////////////////
* gallery_array_name - name of the array of the gallery's img train (object name, ex: gallery2)
* rest_area_size - size of the neutral area in the center of the gallery in pixels (integer, ex: 6)
* maxspeed - top speed of the gallery (integer)
* maxwidth - maximum width of the gallery in pixels (integer) must be less than the width of the image train
* startposition - 1 for left start, 0 for right, 2 for center (integer)
* width - width of the gallery in pixels(integer) or percent ('string' with % sign, ex: '75%')
* height - height of the gallery in pixels (integer)
* optional_centering - use [, 'c'] for centering, skip this parameter for no centering ('string')
*****************************************************************************************/

//new cmotiongallery(gallery_array_name, rest_area_size, maxspeed, maxwidth, startposition, width , height, optional_centering)

On the demo page (cmotion_oo.htm) does nothing. It's just instructions. These are the lines that initialize the galleries:

new cmotiongallery(gallery, 6, 7, 1000, 2, '50%', 225, 'c')

and:

new cmotiongallery(gallery2, 6, 7, 1000, 1, 500, 225)

Feel free to ask if you have any questions.

Hey John, thanks for posting this script but I have a quick question. Is there anyway I can add a caption or "description" to each photo so that when a user clicks on the thumbnail and the new window opens, the description shows under the picture?

[jscheuer1]

Where you have something like this:

gallery[0]='<a href="dynamicbook1.gif" onclick="return enlargeimage(this.href);"><img src="photo1.jpg" border="1"></a>';

Instead of a larger image as the href attribute, use a page. Then you can have whatever you like on that page - image(s), captions, other text, links, etc.

[eastboy301]

Where you have something like this:

gallery[0]='<a href="dynamicbook1.gif" onclick="return enlargeimage(this.href);"><img src="photo1.jpg" border="1"></a>';

Instead of a larger image as the href attribute, use a page. Then you can have whatever you like on that page - image(s), captions, other text, links, etc.

yeah but wouldn't I have to make a seperate page for each picture. And I'm using 3 galleries all with over 50 pictures. so thats 150 pages I would have to make right?