473,231 Members | 1,309 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,231 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 1630
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

1
by: Calan | last post by:
I have a form with some picture boxes as buttons. I'm setting the picture property to a gif file for "normal", and to a different gif for the "pressed" state. This works fine. I get into trouble...
4
by: Kenny | last post by:
I have been trying to write a script that will increase the size of and image when you mouse over it, and decrease it to original size, when you mouse out. After a couple of attempts, this is what...
3
by: Geoff Soper | last post by:
I'm trying to dynamically change the cursor of a couple of maps over an image. Basically the image is in an online photo system where there is a rotate mode. In this mode clicking on the left or...
2
by: Marita | last post by:
I know that you can change the cell background color on mouseover, but is there a way with stylesheets that a background image can be swapped? Thanks in advance for any advice! Marita
31
by: Greg Scharlemann | last post by:
Given some recent success on a simple form validation (mainly due to the kind folks in this forum), I've tried to tackle something a bit more difficult. I'm pulling data down from a database and...
0
by: Panic Student | last post by:
hi all, i'm having trouble with changing image when mouseover on a particular label. Below is what i attempted to but it didn't seem to work at all. I guess my concept is wrong ): Please...
3
by: Annette Acquaire | last post by:
I have and image map with a dozen hotspot links on it that I'm trying to get to open a new image over existing one on mouseover of each COORD. The only thing I was able to do was swap image on...
1
by: JB | last post by:
I have a set of links that are currently images that when the person rolls over them, they change color. Essentially the image is a box where the background is brown and the text is blue. When the...
8
by: John | last post by:
Hi Pasrt of HTML - <div class='button'><input type='image' src='/images/check1.jpg'></input></div> Part of CSS - ..button {background-image: url(/images/check1.jpg); background-repeat:
0
by: jianzs | last post by:
Introduction Cloud-native applications are conventionally identified as those designed and nurtured on cloud infrastructure. Such applications, rooted in cloud technologies, skillfully benefit from...
0
by: abbasky | last post by:
### Vandf component communication method one: data sharing ​ Vandf components can achieve data exchange through data sharing, state sharing, events, and other methods. Vandf's data exchange method...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 7 Feb 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:30 (7.30PM). In this month's session, the creator of the excellent VBE...
0
by: fareedcanada | last post by:
Hello I am trying to split number on their count. suppose i have 121314151617 (12cnt) then number should be split like 12,13,14,15,16,17 and if 11314151617 (11cnt) then should be split like...
0
by: stefan129 | last post by:
Hey forum members, I'm exploring options for SSL certificates for multiple domains. Has anyone had experience with multi-domain SSL certificates? Any recommendations on reliable providers or specific...
0
Git
by: egorbl4 | last post by:
Скачал я git, хотел начать настройку, а там вылезло вот это Что это? Что мне с этим делать? ...
0
by: MeoLessi9 | last post by:
I have VirtualBox installed on Windows 11 and now I would like to install Kali on a virtual machine. However, on the official website, I see two options: "Installer images" and "Virtual machines"....
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...

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.