Specific Image Behaviour ...
First of all, hello!
I am working on a basic little one page website for myself and my partner featuring our small business, so I'm not being paid for doing this site I just need some help with a specific type of image flip, rollover or whatever it's called.
I've seen the information on image flips rolling over the same size images etc for two pictures to show in the same location (eg a link button or banner that changes colour on mouseover etc) but that's not exactly what I'm looking for.
If you go to the website: http://www.sparklingwhite.ca you'll notice that I have a 350x350 image on the left hand side and various thumbnails on the right.
Right now if you click on the thumbnails a larger 350x350 image will open in a new window... what a pain in the butt.
What I want is for the large image on the left to 'flip' to the large image that matches whatever thumbnail is being moused over... not sure if I explained that right.
So basically you mouse over the thumbnail on the right - and the picture that changes is the big one on the left ...
Any ideas? Thoughts? Suggestions? I know I've seen it... just can't find it now.
Any help would be greatly appreciated - I'm better interior designer than web designer *lol*
<img id="swapMe"..... /> <!-- this is your 350x350 -->
<img onmouseover="document.getElementById('swapMe').src='newImg.jpg' ".... /> <!-- this is one of your thumbnails -->
54 68 65 42 65 61 72 4D 61 79
Do I need to put any script info in the header as well? Or just that code for the images? And I'll need to repeat that for each thumb, right?
Sorry, again the coding thing is so not my forté.
I think I got it! Thanks again! ... Now to upload and see if it works or if I managed to muck it up *lol* Wish me luck!
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)