Changing image on Mouseover

Maxi

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

Subscribe Post Reply

1634

Thomas 'PointedEars' Lahn

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

dave

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

Randy Webb

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

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...

Visual Basic 4 / 5 / 6

changing image size on roll over

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...

Javascript

changing cursors for maps

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...

HTML / CSS

changing cell background on mouseover

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

HTML / CSS

Changing Data without Refreshing Page

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...

Javascript

Changing image when mouseover on a text in VB.NET

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...

Visual Basic .NET

HTML image map mouseover help

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...

HTML / CSS

Changing and image to a text field.

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...

ASP.NET

input type=image + changing image

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:

HTML / CSS

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

Changing image on Mouseover

Similar topics