PDA

View Full Version : Newbie, clueless, help with Cmotion



Abouna
07-11-2005, 04:43 PM
http://www.dynamicdrive.com/dynamicindex4/cmotiongallery.htm#

I am a novice designer and generally don't use scripts at all. I would like to use this one but for the life of me can't get it to work. I'm using DW4 and have pasted all the pertinent info into my code but I still don't see it in preview.

I have copied the .js & .css files into my root directory AND my sub directory just to be safe. What am I doing wrong here?

Thanks a bunch.



<html>
<head>
<link rel="stylesheet" type="text/css" href="gallerystyle.css" />

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

/***********************************************
* CMotion Image Gallery- Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

</script>
<title>Mt. Sinai Incense &amp; Charcoal</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
<style type="text/css">
<!--
body { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0;
padding:0; }
-->
</style>
</head>
<body bgcolor="#000000" text="#000000">
<div id="Layer1" style="position: absolute; left: 194px; top: 0px; width: 856px; height: 164px; z-index: 1"><img src="PanelGalleryHeader.jpg" width="868" height="186"></div>
<div id="Layer2" style="position:absolute; left:283px; top:300px; width:40px; height:40px; z-index:2"><a href="Panels_Big/AxionEstin.htm"><img src="Panels_Small/AxionEstin.jpg" width="140" height="175" border="0"></a></div>
<div id="Layer3" style="position:absolute; left:423px; top:300px; width:41px; height:20px; z-index:3"><a href="Panels_Big/Crusifix.htm"><img src="Panels_Small/cursifix.jpg" width="140" height="175" border="0"></a></div>
<div id="Layer4" style="position:absolute; left:563px; top:300px; width:45px; height:29px; z-index:4"><a href="Panels_Big/Photios.htm"><img src="Panels_Small/Photios.jpg" width="140" height="175" border="0"></a></div>
<div id="Layer5" style="position:absolute; left:703px; top:300px; width:27px; height:21px; z-index:5"><a href="Panels_Big/Romanos.htm"><img src="Panels_Small/Romanos.jpg" width="140" height="175" border="0"></a></div>
<div id="Layer6" style="position:absolute; left:843px; top:300px; width:20px; height:160px; z-index:6"><a href="Panels_Big/StJohnSF.htm"><img src="Panels_Small/StJohnMax.jpg" width="140" height="175" border="0"></a></div>
<div id="motioncontainer" style="position:relative;width:400px;height:150px;overflow:hidden;">
</div>
</body><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>

</html>