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="#1 11111"

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 Reply

1652

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.javas cript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

Apr 4 '06 #4

Similar topics

4775

Problem with changing backcolor of picturebox

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 with the fact that the gif files have a transperent region in the middle (the button icon) that lets the back color of the picture box show through. This lets me change the button highlight to any user-specified color when I mouseover the picbox...

Visual Basic 4 / 5 / 6

16217

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 I've come up with. In this example, there are 5 images (0 thru 4) all with a height of 80px. When you mouse over an image, it changes the growingImage variable equal to the number of the image you mouse over, when you mouse out, it sets it to 5,...

Javascript

3454

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 right half of the image rotates it 90 degrees to the left or right. I want to change the cursor to indicate this but only while in the rotate mode. After looking at it in the Mozilla DOM inspector it seems as if the style is changing but neither...

HTML / CSS

7285

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

4161

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 populating a simple table. I'd like the table to contain 10 entries per page and have the option for the user to scroll through the pages of data without having to go back to refresh the page (I've already pulled all the info I need from the...

Javascript

1479

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 enlighten me.... thanks a million~ Dim imgImage As WebControls.Image Dim lblLabel As Label

Visual Basic .NET

19501

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 mouseover entire image, I want it on each hotspot only, so an image pertaining to each link shows up. I have done it in JavaScript, but the website I'm using doesn't use JavaScript. Y'all are obviously light-years more knowledgeable then me on html...

HTML / CSS

1678

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 person rolls over it, they want it blue background with brown text. As I said we currently do images but that is annoying. Is there an easy way ( or at least relatively easy ) way to do this just using text and javascript to change the colors?...

ASP.NET

14256

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

9706

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, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...

General

9582

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...

Windows Server

10580

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...

C / C++

10323

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 Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...

Windows Server

10082

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 protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...

General

5525

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...

Networking - Hardware / Configuration

4301

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system

C# / C Sharp

3821

How to add payments to a PHP MySQL app.

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP

2993

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

General