PDA

View Full Version : Cmotion starting position



bigeslp
05-27-2005, 07:57 PM
The script i am using is the CMotion Image Gallery script,
http://www.dynamicdrive.com/dynamicindex4/cmotiongallery.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
05-28-2005, 06:16 AM
Put the html code for the gallery in a table cell or a division. Position the table cell or division.

bigeslp
05-28-2005, 11:36 AM
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
05-28-2005, 05:47 PM
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
08-04-2005, 01:13 PM
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
08-04-2005, 01:34 PM
You want valign.
top, middle or bottom.

whitewolf
08-05-2005, 09:16 AM
TOP for my current gallery

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

thanku