Swapping images with Javascript

i have a simple page code: pls see below

<HTML>
<BODY>
<a onClick="document.images[0].src='click.gif'"> <IMG SRC="unclick.gif"></a>

</FORM>
</BODY>
</HTML>

when i click on the unclick.gif image, the image change to click.gif.
i just wonder how the code gonna look like if i wanna change back the click.gif to unclick.gif by clicking the same image

In simple, by clicking one image, the image will swap against each other..
Pls Help..

Jan 8 '07 #1

Subscribe Post Reply

1432

b1randon

171

Expert 100+

i have a simple page code: pls see below

<HTML>
<BODY>
<a onClick="document.images[0].src='click.gif'"> <IMG SRC="unclick.gif"></a>

</FORM>
</BODY>
</HTML>

when i click on the unclick.gif image, the image change to click.gif.
i just wonder how the code gonna look like if i wanna change back the click.gif to unclick.gif by clicking the same image

In simple, by clicking one image, the image will swap against each other..
Pls Help..

Expand|Select|Wrap|Line Numbers

 
var clicked = false;
 
function click(){

    if (clicked)

        document.images[0].src = "clicked.gif";

    else

        document.images[0].src = "unclicked.gif";

    clicked = !clicked;

}

and
[HTML]
<html>
<head>
<script src="script.js"></script>
</head>
<body>
<img src="unclicked.gif" onclick="click();" />
</body>
</html>
[/HTML]

Jan 9 '07 #2

Similar topics

image swapping in php

by: Richard | last post by:

I'm beginning to undertake php for the fun of it. Working on a problem I hope can be solved in php. Basically what I have is this: <body> <img name="main" src="image1.jpg"> <a href="#"...

PHP

image swapping - js and webserver portibiltiy

by: uNConVeNtiOnAL | last post by:

Hi - I have a page that has a button that makes a prompt appear for the user to type input. When they have typed in input, I want the button to change color when the prompt closes. I am...

Javascript

Swapping random flash banners

by: Terry Haufler | last post by:

I am trying to swap/rotate random flash banners using the following Javascript code. I have 3 flash headers/banners. I can get it to open a page with a random header using...

Javascript

Swapping images causes blanks....

by: Jon Glazer | last post by:

I know this is sorta reposting but I want to simplify the issue a bit. Take the following script: function replacemain(s){ var x = document.images; var y = document.images; var pictemp =...

Javascript

IE vs. Firefox, image.src swapping, offline vs online?

by: cjl | last post by:

I have a website which allows people to view interesting radiology cases. It is for teaching radiology residents. It is designed to run in fullscreen or 'kiosk' mode, at 1024 x 768 resolution...

Javascript

swapping images that are on local hard disk

by: TuftyTrue | last post by:

Hi, On my site the user can browse to an image with <input type=file etc>. Althrough I have no problem swapping images with: document.getElementById('PictureToDisplay').src =...

Javascript

Swapping text and images

by: SipherDrakon | last post by:

I know I saw a similar posting about this but mine is a little more complicated and being barely able to understand javascript, i am having a little trouble. <FORM...

Javascript

swapping images (more than 1 instance)?

by: Geoff Cox | last post by:

Hello, Way back in 2000 Ken Cox put up this code for swapping images on a button. I cannot work out how to use it so that more than 1 button can use it. I guess the problem is knowing how to...

Javascript

Why Do My Images Keep Swapping??

by: Prisoner at War | last post by:

Hi, Everybody, The fucntion below is called by an onLoad <imgattribute, and it is supposed to replace the original image, after three seconds, with another image. This second image shouldl be...

Javascript

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

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

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

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