PDA

View Full Version : CMotion Image Gallery II



DaveX
10-26-2007, 04:13 PM
1) Script Title: CMotion Image Gallery II

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/cmotiongallery2.htm

3) Describe problem: Just wondering if this can work as multiple columns? For instance, can I have 3 columns that move together rather than 1?

jscheuer1
10-26-2007, 04:51 PM
You could replace the below (red):


<div style="overflow:hidden;">
<div id="motioncontainer" style="width:150px; height:300px; overflow:hidden; position: relative;">
<div id="motiongallery" style="position:absolute; left:0; top:0;">

<!--Gallery Contents below-->

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

<!--End Gallery Contents-->

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

With a table or other markup that unambiguously establishes multiple columns. The width (width:150px; in the above), of course would have to be adjusted accordingly.