Urgent help needed with a website for Uni

indierocker85

Hi guys,

I am trying to implement something on a website I am making. And need a Java script. Or some help creating one.

Basically on a page I have four little thumbnails of pets. And I want some sort of script whereby when you hover over them the image appears larger in a SET space.

Can anybody help?

It is due in tommorow haha

Cheers

HelpfulConsumer

I think I may be able to help, do you need the coding written here?

FreheitOverture

Should you maybe not have left this till the last minute. I could have helped show you how to do it with more time, but I'm not going to write the code out here

M4RKM

image swap does this.. but you just tweak it to have the changed image in the second place, and swap the image with a larger version

and if you know what i mean by that, it'll take you half an hour to sort out.

jaydeeuk1

Peasy.


function showImg(theimage)
!!
document.getElementById('bigimage').innerHTML='<img src="images/'+theimage+'.jpg">'

}


Bang that in a script tag

in your html, have your 4 thumbnail images. I'll do one image as an example

<img src="images/littlepic1" onmouseover="showImg('bigpic1')">
number each image consecutively

create a div element for your large image

<div id="bigimage"></div> - position this absolute if you want

Name each image littlepic1, littlepic 2
and large version bigpic1, bigpic2 etc

You'll also need a function to hide the bigpic image when you move the mouse out, but I'm not writing the entire thing for you

Haven't tested code and a little hungover, but you get the idea...

Unstoppable_2

The OP isn't going to learn anything with people doing it for them. And they've had plenty of time to sort it out.

I predict another useless !!!!!! being churned out with an IT related degree and nack all idea. Not to worry. If they settle in E.Yorks, it's yet another opportunity for me to make money sorting out their mess.