I am wanting multiple thumbnails next to oneanother on a page. However, when trying to implement the script it only provides me with a single rollover and then a duplicate static object. Any ideas?
Also, is there a way to have the enlarged rollover image go over other images and text on the screen instead of adjusting to fit? Thanks for the help, source code is below:
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<title>Untitled Document</title>
<style type=”text/css”>
<!–
.image01_default {
display: block;
height: 100px;
width: 50px;
background-image: url([url]http://www.mcstevens.com/ProductImag…/126615S.jpg);
}
.image01_over {
display: block;
height: 300px;
width: 145px;
background-image: url([url]http://www.mcstevens.com/ProductImag…/126615L.jpg);
}
–>
</style>
<script type=”text/JavaScript”>
<!–
function P7_MultiClass2() { //v1.0 by PVII
var args=P7_MultiClass2.arguments;if(document.getElementById){
for(var i=0;i<args.length;i+=2){if(document.getElementById(args[i])!=null){
if(document.p7setdown){for(var k=0;k<p7dco.length-1;k+=2){
if(args[i]==p7dco[k]){args[i+1]=p7dco[k+1];break;}}}
document.getElementById(args[i]).className=args[i+1];}}}
}
//–>
</script>
</head>
<body>
<div class=”image01_default” id=”image01″ onMouseOver=”P7_MultiClass2(‘image01′,’image01_over’)” onMouseOut=”P7_MultiClass2(‘image01′,’image01_default’)”></div>
</body>
</html>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<title>Untitled Document</title>
<style type=”text/css”>
<!–
.image01_default {
display: block;
height: 100px;
width: 45px;
background-image: url([url]http://www.mcstevens.com/ProductImag…454615-S.jpg);
}
.image01_over {
display: block;
height: 300px;
width: 135px;
background-image: url([url]http://www.mcstevens.com/ProductImag…454615-L.jpg);
}
–>
</style>
<script type=”text/JavaScript”>
<!–
function P7_MultiClass2() { //v1.0 by PVII
var args=P7_MultiClass2.arguments;if(document.getElementById){
for(var i=0;i<args.length;i+=2){if(document.getElementById(args[i])!=null){
if(document.p7setdown){for(var k=0;k<p7dco.length-1;k+=2){
if(args[i]==p7dco[k]){args[i+1]=p7dco[k+1];break;}}}
document.getElementById(args[i]).className=args[i+1];}}}
}
//–>
</script>
</head>
<body>
<div class=”image01_default” id=”image01″ onMouseOver=”P7_MultiClass2(‘image01′,’image01_over’)” onMouseOut=”P7_MultiClass2(‘image01′,’image01_default’)”></div>
</body>
</html>