Cmotion starting position

[bigeslp]

The script i am using is the CMotion Image Gallery script,
http://www.dynamicdrive.com/dynamici...iongallery.htm


I am able to get the script to work ok, but what i haven't figured out as of yet is how i can adjust where the images appear on the screen. I am able to change the width and height of the images that appear in the gallery though. when it is all said and done, i want the series of images to be centered in the screen, right now all they are is aligned on the top/left corner of the screen.

Any help would be greatly appreciated here.

Also, if this question has already been answered elsewhere, i apologize ahead of time.

Thanks,
Bigeslp

[jscheuer1]

Put the html code for the gallery in a table cell or a division. Position the table cell or division.

[bigeslp]

How would i go about putting the gallery code within the DIV tag? You have to forgive me, my knowledge of html/dhtml ect ect is very little. Thank again

[jscheuer1]

This is the html part of the gallery:

<div id="motioncontainer" style="position:relative;width:400px;height:150px;overflow:hidden;">
<div id="motiongallery" style="position:absolute;left:0;top:0;white-space: nowrap;">

<nobr><a href="javascript:enlargeimage('dynamicbook1.gif')"><img src="dynamicbook1.gif" border=1></a> <a href="javascript:enlargeimage('dynamicbook1.gif', 300, 300)"><img src="dynamicbook1.gif" border=1></a> <a href="http://www.dynamicdrive.com"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a></nobr>

</div>
</div>

This is the html part of the gallery in a division:

<div align="center">
<div id="motioncontainer" style="position:relative;width:400px;height:150px;overflow:hidden;">
<div id="motiongallery" style="position:absolute;left:0;top:0;white-space: nowrap;">

<nobr><a href="javascript:enlargeimage('dynamicbook1.gif')"><img src="dynamicbook1.gif" border=1></a> <a href="javascript:enlargeimage('dynamicbook1.gif', 300, 300)"><img src="dynamicbook1.gif" border=1></a> <a href="http://www.dynamicdrive.com"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a></nobr>

</div>
</div>
</div>

[whitewolf]

Hello John,

In regard to this thread, I can not get the images to align to the top of the scrolling gallery.

Is there a field I can modify for the vertical alignment of the images within the scroll? (top, bottom, center)

Thank you,
Whitewolf

[Twey]

You want valign.
top, middle or bottom.

[whitewolf]

TOP for my current gallery

(though it would be nice to know all three...)

thanku