| View previous topic :: View next topic |
| Author |
Message |
snissen_70
Joined: 20 Apr 2009
Posts: 1
|
| Posted: Wed Apr 22, 2009 8:15 am Image gallery with thumbnails using onmouseover |
|
|
Hey everyone I need help, just a beginner at this so I have played around a bit. I have a small JS that i am trying to make work but it wont. Every time I rollover the image the large image will not display the thumbnail I just rolled over.
Here is my code:
<script language='JavaScript'>
function menuOn(menuName, image_id)
{
if (document.images) {
document[menuName].src = eval(menuName+ image_id+ 'on.src');
}
}
if (document.images)
{
menu1on = new Image(); menu1on.src = 'MyImages/123_0005.jpg';
menu2on = new Image(); menu2on.src = 'MyImages/123_0007.jpg';
menu3on = new Image(); menu3on.src = 'MyImages/123_0009.jpg';
menu4on = new Image(); menu4on.src = 'MyImages/123_0010.jpg';
menu5on = new Image(); menu5on.src = 'MyImages/123_0011.jpg';
menu6on = new Image(); menu6on.src = 'MyImages/123_0014.jpg';
menu7on = new Image(); menu7on.src = 'MyImages/123_0017.jpg';
menu8on = new Image(); menu8on.src = 'MyImages/backyard.jpg';
menu9on = new Image(); menu9on.src = 'MyImages/IMG_0557.jpg';
menu10on = new Image(); menu10on.src = 'MyImages/IMG_0677.jpg';
menu11on = new Image(); menu11on.src = 'MyImages/IMG_0905.jpg';
menu12on = new Image(); menu12on.src = 'MyImages/IMG_1030.jpg';
menu13on = new Image(); menu13on.src = 'MyImages/IMG_1043.jpg';
menu14on = new Image(); menu14on.src = 'MyImages/IMG_1078.jpg';
menu15on = new Image(); menu15on.src = 'MyImages/IMG_1099.jpg';
menu16on = new Image(); menu16on.src = 'MyImages/IMG_1100.jpg';
menu17on = new Image(); menu17on.src = 'MyImages/IMG_1109.jpg';
}
</script>
<BODY bgcolor="#000000">
<img src='MyImages/123_0005.jpg' name='menu' width='485' height='320' border='0'>
<img src='MyImages/123_0005.jpg' onmouseover="menuOn('menu','1');return true;" width='100' height='75' border='0'>
<img src='MyImages/123_0007.jpg' onmouseover="menuOn('menu','2');return true;" width='100' height='75' border='0'>
<img src='MyImages/123_0009.jpg' onmouseover="menuOn('menu','3');return true;" width='100' height='75' border='0'>
<img src='MyImages/123_0010.jpg' onmouseover="menuOn('menu','4');return true;" width='100' height='75' border='0'>
<img src='MyImages/123_0011.jpg' onmouseover="menuOn('menu','5');return true;" width='100' height='75' border='0'>
<img src='MyImages/123_0014.jpg' onmouseover="menuOn('menu','6');return true;" width='100' height='75' border='0'>
<img src='MyImages/123_0017.jpg' onmouseover="menuOn('menu','7');return true;" width='100' height='75' border='0'>
<img src='MyImages/backyard.jpg' onmouseover="menuOn('menu','8');return true;" width='100' height='75' border='0'>
<img src='MyImages/IMG_0557.jpg' onmouseover="menuOn('menu','9');return true;" width='100' height='75' border='0'>
<img src='MyImages/IMG_0677.jpg' onmouseover="menuOn('menu','10');return true;" width='100' height='75' border='0'>
<img src='MyImages/IMG_0905.jpg' onmouseover="menuOn('menu','11');return true;" width='100' height='75' border='0'>
<img src='MyImages/IMG_1030.jpg' onmouseover="menuOn('menu','12');return true;" width='100' height='75' border='0'>
<img src='MyImages/IMG_1043.jpg' onmouseover="menuOn('menu','13');return true;" width='100' height='75' border='0'>
<img src='MyImages/IMG_1078.jpg' onmouseover="menuOn('menu','14');return true;" width='100' height='75' border='0'>
<img src='MyImages/IMG_1099.jpg' onmouseover="menuOn('menu','15');return true;" width='100' height='75' border='0'>
<img src='MyImages/IMG_1100.jpg' onmouseover="menuOn('menu','16');return true;" width='100' height='75' border='0'>
<img src='MyImages/IMG_1109.jpg' onmouseover="menuOn('menu','17');return true;" width='100' height='75' border='0'>
Hope some one can help! |
|
|
PayneLess Designs
Joined: 28 Feb 2007
Posts: 3598
Location: Biloxi, MS
|
| Posted: Wed Apr 22, 2009 11:47 am |
|
|
Instead of trying to correct your code, take a look at these that work:
http://www.dynamicdrive.com/dynamicindex15/index.html
http://www.stunicholls.com/gallery/index.html
Post back if you need further help. |
|
|
| |
|
|
|
