CMotion Image Gallery
Hey,
I found this super cool image gallery but I can't implement it in my web page no matter where I place the codes.
Dynamic Drive DHTML Scripts- CMotion Image Gallery
Any genious out there?
This is my page, I would like the gallery inside the table after the text description what should I do?
Many Thanks.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>clorinde</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #FFFFFF;
background-image: url(template/Plaid%20Tight.gif);
}
body,td,th {
color: #000000;
font-family: Arial;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
.style5 {
color: #FFFFFF;
font-family: Arial;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image;
d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr =
document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img =
MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i]))
!= null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])?
args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn :
img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src =
img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i]))
!= null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
//-->
</script>
<script language="JavaScript" type="text/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>
</head>
<body
onLoad="MM_preloadImages('template/live%20on.gif','template/info%20on.gif','template/images%20on.gif','template/works%20on.gif','template/extra%20on.gif','template/guestbook%20on.gif','template/news%20on.gif','template/links%20on.gif','template/contact%20on.gif','template/news.gif')">
<table width="200" align="center" cellpadding="0" cellspacing="1"
bordercolor="#000000" bgcolor="#CCCCCC">
<tr>
<td height="83"><object
classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
width="765" height="96">
<param name="movie" value="template/head%20animation.swf">
<param name="quality" value="high">
<embed src="template/head%20animation.swf" quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="765" height="96"></embed>
</object></td>
</tr>
<tr>
<td height="33" bgcolor="#FFFFFF"><div align="center">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="index.htm" target="_top"
onClick="MM_nbGroup('down','group1','news','',1)"
onMouseOver="MM_nbGroup('over','news','template/news%20on.gif','',1)" onMouseOut="MM_nbGroup('out')"><img
src="template/news.gif" alt="news" name="news" width="60" height="33" border="0"
onload=""></a></td>
<td><a href="live.htm" target="_top"
onClick="MM_nbGroup('down','group1','live','',1)"
onMouseOver="MM_nbGroup('over','live','template/live%20on.gif','',1)" onMouseOut="MM_nbGroup('out')"><img
src="template/live.gif" alt="live" name="live" width="42" height="33" border="0"
onload=""></a></td>
<td><a href="javascript:;" target="_top"
onClick="MM_nbGroup('down','group1','info','',1)"
onMouseOver="MM_nbGroup('over','info','template/info%20on.gif','',1)" onMouseOut="MM_nbGroup('out')"><img
src="template/info.gif" alt="info" name="info" width="44" height="33"
border="0" onload=""></a></td>
<td><a href="images.htm" target="_top"
onClick="MM_nbGroup('down','group1','images','',1) "
onMouseOver="MM_nbGroup('over','images','template/images%20on.gif','',1)" onMouseOut="MM_nbGroup('out')"><img
src="template/images.gif" alt="images" name="images" width="76"
height="33" border="0" onload=""></a></td>
<td><a href="works.htm" target="_top"
onClick="MM_nbGroup('down','group1','works','',1)"
onMouseOver="MM_nbGroup('over','works','template/works%20on.gif','',1)" onMouseOut="MM_nbGroup('out')"><img
src="template/works.gif" alt="works" name="works" width="66" height="33"
border="0" onload=""></a></td>
<td><a href="extra.htm" target="_top"
onClick="MM_nbGroup('down','group1','extra','',1)"
onMouseOver="MM_nbGroup('over','extra','template/extra%20on.gif','',1)" onMouseOut="MM_nbGroup('out')"><img
src="template/extra.gif" alt="extra" name="extra" width="60" height="33"
border="0" onload=""></a></td>
<td><a href="http://clorinde.123guestbook.com/"
target="_blank" onClick="MM_nbGroup('down','group1','guestbook','' ,1)"
onMouseOver="MM_nbGroup('over','guestbook','templa te/guestbook%20on.gif','',1)"
onMouseOut="MM_nbGroup('out')"><img src="template/guestbook.gif"
alt="guestbook" name="guestbook" width="106" height="33" border="0"
onload=""></a></td>
<td><a href="links.htm" target="_top"
onClick="MM_nbGroup('down','group1','links','',1)"
onMouseOver="MM_nbGroup('over','links','template/links%20on.gif','',1)" onMouseOut="MM_nbGroup('out')"><img
src="template/links.gif" alt="links" name="links" width="50" height="33"
border="0" onload=""></a></td>
<td><a href="contact.htm" target="_top"
onClick="MM_nbGroup('down','group1','contact','',1 )"
onMouseOver="MM_nbGroup('over','contact','template /contact%20on.gif','',1)"
onMouseOut="MM_nbGroup('out')"><img src="template/contact.gif" alt="contact" name="contact" width="81"
height="33" border="0" onload=""></a></td>
</tr>
</table>
</div></td>
</tr>
<tr bgcolor="#0099FF">
<td height="19" bordercolor="#000000" bgcolor="#6699CC"><div
align="center" class="style5">- Info about Clorinde -</div></td>
</tr>
<tr bgcolor="#0099FF">
<td height="500" valign="top" bordercolor="#000000"
bgcolor="#DBDBDB"><blockquote>
<p align="justify">Clorinde was formed in the year 2005 in the
city of Glasgow , Scotland by two Italian brothers Andrea Salvatici and
Simone Salvatici. <br>
Their musical roots lie around the town of Florence , Italy .
Each one of them had formed a number of music projects in the late
90's exploring a variety of music styles, from Punk and Experimental to
Ambient/Noise and Electronica, with a particular interest in video art.
Both Andrea and Simone have been developing their skills in a wide range
of musical instruments since an early age. <br>
Amongst the instruments used are electric, acoustic and
classical guitars, bass guitars, 6 string banjo, mandolin, glockenspiels,
accordion, kalimbas, concert zither, percussive woods, laptops, keyboards
and electronic devices.
</p>
<p align="justify">Fat Cat Records described their music as a
really luscious minimalist style that recalls Steve Reich / Arnold
Dreyblatt / etc. Very cool and beautiful stuff with everything sounding like
it's in its right place. </p>
</blockquote> </td>
</tr>
<tr bgcolor="#0099FF">
<td height="18" bordercolor="#000000" bgcolor="#6699CC"> </td>
</tr>
</table>
<p> </p>
</body>
</html>
CSS Codes
Reply With Quote
Originally Posted by jscheuer1
Bookmarks