Enlargement function for Cmotion Image Gallery ll

[michelle1227]

I'm kinda new at this and I'm sure this is an easy fix but I just don't know how so any help would be great!!

I'm using the below script and it works great, however, I have one little problem....In the steps below the script it does state that the enlargement function code is within the scripting but, I don't know how to enable it. I don't know how to tell it where to pop up the image bigger if someone wants to....

http://www.dynamicdrive.com/dynamicindex4/cmotiongallery2.htm

Thanks a bunch:o

[chechu]

<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>

[chechu]

Sorry, wrong answer.
Just change 300,300 in the desired width and height.


<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>

[michelle1227]

A couple of pictures in my gallary that you click on goes to the dynamic drive website how can I change that to just enlarge the pictures...Also, some of my pictures the little hand shows up to click on the picture but doesn't do anything. How can I change that?

Thanks again for all your help, this website is really great!!:D

[chechu]

1/ <a href="http://www.dynamicdrive.com"><img src="dynamicbook1.gif" border=1></a><br />
2/<a href="#"><img src="dynamicbook1.gif" border=1></a><br />

1/ change http://www.dynamicdrive.comto your own url
2/ change all the links below (like2/) into 1/

[chechu]

Would be easier if you could place the code, and what you wish to be seen.

[michelle1227]

<link rel="stylesheet" href="gallerystyle2.css" />

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

/***********************************************
* CMotion Image Gallery II- &#169; Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for source code
* Modified by jscheuer1 for vertical orientation, at http://www.dynamicDrive.com/forums
***********************************************/

</script>

<div style="overflow:hidden;">
<div id="motioncontainer" style="width:625px; 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="2007_funyaking9.jpg" border=1></a><br />
<a href="javascript:enlargeimage('2007_funyaking9.jpg', 200, 200)"><img src="2007_funyaking8.jpg" border=1></a><br />
<a href="http://www.dynamicdrive.com"><img src="dynamicbook1.gif" border=1></a><br />
<img src="2007_funyaking7.jpg" border=1></a><br />
<a href="#"><img src="2007_funyaking1.jpg" border=1></a><br />
<a href="#"><img src="2007_funyaking2.jpg" border=1></a><br />
<a href="#"><img src="2007_funyaking3.jpg" border=1></a><br />
<a href="#"><img src="2007_funyaking4.jpg" border=1></a><br />
<a href="#"><img src="2007_funyaking5.jpg" border=1></a><br />
<a href="#"><img src="2007_funyaking10.jpg" border=1></a><br />
<a href="#"><img src="2007_funyaking11.jpg" border=1></a><br />
<a href="#"><img src="2007_funyaking12.jpg" border=1></a><br />
<a href="#"><img src="2007_funyaking13.jpg" border=1></a><br />
<a href="#"><img src="2007_funyaking14.jpg" border=1></a><br />
<a href="#"><img src="2007_funyaking15.jpg" border=1></a><br />
<a href="#"><img src="2007_funyaking16.jpg" border=1></a><br />
<a href="#"><img src="2007_funyaking17.jpg" border=1></a><br />
<a href="#"><img src="2007_funyaking18.jpg" border=1></a><br />
<a href="#"><img src="2007_funyaking_19.jpg" border=1></a><br />
<a href="#"><img src="2007_funyaking20.jpg" border=1></a><br />
<a href="#"><img src="2007_funyaking21.jpg" border=1></a><br />
<a href="#"><img src="2007_funyaking22.jpg" border=1></a><br />
<a href="#"><img src="2007_funyaking23.jpg" border=1></a><br />
<a href="#"><img src="2007_funyaking24.jpg" border=1></a><br />
<a href="#"><img src="2007_funyaking25.jpg" border=1></a><br />
<a href="#"><img src="2007_funyaking26.jpg" border=1></a><br />
<a href="#"><img src="2007_funyaking27.jpg" border=1></a><br />
<a href="#"><img src="2007_funyaking28.jpg" border=1></a><br />
<a href="#"><img src="2007_funyaking29.jpg" border=1></a>

<!--End Gallery Contents-->

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


Here's my code I'm using and I know that the updated are probably elementary but I'm a new user and need a little more guidence...The only function that is needed to when a person clicks on an image it just enlarges. They don't have to be directed to another url...

Thanks again!!