471,596 Members | 822 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,596 software developers and data experts.

Changing image on Mouseover

All areas surrounded to the center area has files
Thumbnail1.jpg......Thumbnail8.jpg. What I want to do is whenever user
moves his/her mouse in Thumbnail 1 area, the center area should show
Pic1.jpg, if they move their mouse to Thumbnail 2 area, the center area
should show Pic2.jpg and so on. If there is a click in any area, then
the picture should open in a new window. Eg, user clicks on Thumbnail5
area, the new window should open Pic5.jpg

I don't want my office users to view the source code either through
right-click->view source or by click menubar View->Source. Is there any
functionality like this in javascript?

Can anybody help writing a code for me?

See my html code below

<html>
<head>
<title>Maxi</title>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0" bordercolor="#111111"

width="100%" height="100%">
<tr>
<td width="20%" height="20%" align="center">Thumbnail 1</td>
<td width="60%" height="20%" align="center">Thumbnail 2</td>
<td width="20%" height="20%" align="center">Thumbnail 3</td>
</tr>
<tr>
<td width="20%" height="60%" align="center">Thumbnail 4</td>
<td width="60%" height="60%" align="center"><b><font size="7">Big
Pic</font></b></td>
<td width="20%" height="60%" align="center">Thumbnail 5</td>
</tr>
<tr>
<td width="20%" height="20%" align="center">Thumbnail 6</td>
<td width="60%" height="20%" align="center">Thumbnail 7</td>
<td width="20%" height="20%" align="center">Thumbnail 8</td>
</tr>
</table>
</body>
</html>

Apr 3 '06 #1
3 1575
Maxi wrote:
I don't want my office users to view the source code either through
right-click->view source or by click menubar View->Source.
Tough luck. This cannot be prevented, and it would be a Bad Thing anyway.
Can anybody help writing a code for me?


Yes. Start by helping yourself, reading the manuals and thereby getting a
minimum clue about what you are doing. Come back if there are problems
with _your_ script code. Or pay me for the brain and time I would need to
invest to solve /your/ problem from the scratch.
PointedEars
Apr 3 '06 #2

Maxi wrote:
All areas surrounded to the center area has files
Thumbnail1.jpg......Thumbnail8.jpg. What I want to do is whenever user
moves his/her mouse in Thumbnail 1 area, the center area should show
Pic1.jpg, if they move their mouse to Thumbnail 2 area, the center area
should show Pic2.jpg and so on. If there is a click in any area, then
the picture should open in a new window. Eg, user clicks on Thumbnail5
area, the new window should open Pic5.jpg

I don't want my office users to view the source code either through
right-click->view source or by click menubar View->Source. Is there any
functionality like this in javascript?

Can anybody help writing a code for me?

See my html code below

I don't think people here will actually write the code for you. Check
out the onmouseover event. what you want is fairly simple.

As far as viewing source there is no way to prevent View->Source. that
would indeed be a Bad Thing

Apr 4 '06 #3
dave said the following on 4/3/2006 8:37 PM:
Maxi wrote:
All areas surrounded to the center area has files
Thumbnail1.jpg......Thumbnail8.jpg. What I want to do is whenever user
moves his/her mouse in Thumbnail 1 area, the center area should show
Pic1.jpg, if they move their mouse to Thumbnail 2 area, the center area
should show Pic2.jpg and so on. If there is a click in any area, then
the picture should open in a new window. Eg, user clicks on Thumbnail5
area, the new window should open Pic5.jpg

I don't want my office users to view the source code either through
right-click->view source or by click menubar View->Source. Is there any
functionality like this in javascript?

Can anybody help writing a code for me?

See my html code below
I don't think people here will actually write the code for you. Check
out the onmouseover event. what you want is fairly simple.


It is not as simple as you think it is.
As far as viewing source there is no way to prevent View->Source. that
would indeed be a Bad Thing


So is f**king with my mouse using onmouseover on an image.

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/
Apr 4 '06 #4

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

4 posts views Thread by Kenny | last post: by
3 posts views Thread by Geoff Soper | last post: by
2 posts views Thread by Marita | last post: by
31 posts views Thread by Greg Scharlemann | last post: by
3 posts views Thread by Annette Acquaire | last post: by
1 post views Thread by JB | last post: by
8 posts views Thread by John | last post: by
reply views Thread by XIAOLAOHU | last post: by
reply views Thread by leo001 | last post: by
reply views Thread by Anwar ali | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.