mouse over to change images at various positions and sizes 1

[wingover]

Greetings,

This is my first post so I hope my question is not too simplistic. I have been a graphic designer for more than 10 years and spend most of my time now designing 3D environments, AVI presentations and working on new developments in interactive medical/surgical teaching software. As this is pretty full-on I have only had time to gain a smattering of Javascript and other web oriented coding.

Well thats my pathetic excuse


Years ago I mainly designed web sites....You know the style all the bells and whistles...3 mins loading etc...Yuk!!

I now find myself in rather an embarrassing position. I have been asked to put up a web page and need to use some (I am sure) simple javascript...and I am lost. I shall try to be brief.

(No frames)

(Using tables )

I need to have a simple vertical nav bar on the left side of the page that with mouseover will change images (of diffferent sizes ) at various positions on the right of page. These images will reflect and illustrate the topic/URL choosen from the left nav bar and on click will go to the appropriate page.

Does the above make sense ? I hope so, and I also hope some friendly soul may have enough time to rough out something for me. Eternal gratitude and credit will be given.

Thanks for any help you may give.

Wayne

 

[NEVERSLEEP]

im not sure what u want ?....
but here a basic mouseover example

<a
href=&quot;link.html&quot;
onmouseover=&quot;this.src='new.jpg'&quot;
onmouseout=&quot;this.src='old.jpg'&quot;
>
<img
src=&quot;old.jpg&quot;
border=&quot;0&quot;
width=&quot;100&quot;
height=&quot;100&quot;
>
</a> ---------------------------------------

someone knowledge ends where
someone else knowledge starts

 

[NEVERSLEEP]

# oh my good i need sleep should be
<a
href=&quot;link.html&quot;
onmouseover=&quot;document.p.src='new.jpg'&quot;
onmouseout=&quot;document.p.src='old.jpg'&quot;
>
<img
src=&quot;old.jpg&quot;
border=&quot;0&quot;
width=&quot;100&quot;
height=&quot;100&quot;
name=&quot;p&quot;
>
</a> ---------------------------------------

someone knowledge ends where
someone else knowledge starts

 

[josel]

neversleep,

I hope you did get some rest - Browsing around I found this post which answer a question I had already posted to this forum.

I was trying to write a set of functions which could be used to swap images used for a menu (20 images in total). Your post is very simple and friendly enougth for those of us that do not have a clue ...

Thanks;

Jose Lerebours
KNOWLEDGE: Something you can give away enlessly and gain more of it in the process! - Jose Lerebours

 

[josel]

wingover/neversleep:

If I may, same can be modified to change multiple images thus reversing the mouse-over menu option and the image on body of your page:

onmouseover=&quot;document.menuName.src='menuOver.gif' ; document.body.src='associatedBody.gif'&quot;

onmouseout=&quot;document.menuName.src='menuNormal.gif'&quot;

If one wanted to reset image on body to a given default, then the onmouseout would be

onmouseout=&quot;document.menuName.src='menuNormal.gif' ; document.body.src='bodyDefault.gif'&quot;

Is this correct?


Regards;


josel

KNOWLEDGE: Something you can give away enlessly and gain more of it in the process! - Jose Lerebours