View Full Version : images with mouseover directly in JS

04-23-2009, 06:43 PM
1) Script Title: Conveyor Belt slideshow script

2) Script URL (on DD): http://dynamicdrive.com/dynamicindex14/leftrightslide.htm

3) Describe problem:

i want to use in the script another one for change the images by mouseover.
With images in HTML it is very simple by using following code:

<img... onmouseover="change('images/comings/thumbnails/color/bild1.jpg','dia1')" onmouseout="change('images/comings/thumbnails/blacknwhite/bild2.jpg','dia1')" name="dia1">
<script type="text/javascript">
function change(url,name){
window.document.images[name].src = url;

But how i have to change the code above for the "Conveyor Belt slideshow"?

The images are in an array directly in JS and if i want to put something similar (mouseover etc.) in the their <img>-tag, they doesn't even get showed...
I assume that i have to give them id's (p.e. img0 to imgX) - is that correct?
and then use something like that:

document.getElementById("img0").onmouseover = function() {
// call function

But unfortunately i don't have any idea where to put this in the script that it works :(
It would be very kind of somebody of you could help me with this problem.
Passed already quite some time that i am looking for a solution!

Thanks a lot :)

04-26-2009, 06:30 PM
PLEASE give me a feedback, give me a hint...
What is the matter?

Too stupid question, too dificult problem? I really don't know how to solve the problem or how to search for a solution.

Thanks for any advice!! :(