ALLARGARE IMMAGINE

Fate doppio click per allargare l'immagine
e un click per ridurre l'immagine.


Immagine 1
Immagine 2

Questa javascript vi dą l'opportunitą di allargare un immagine, facilmente modificabile non si possono mettere due di questi script nella stessa pagina, potete modificare ed aggiungere altre immagini.

Autori: http://javascript.internet.com  modified and explained from www.webmasterpaolo.com 

RITORNA ALLA PAGINA DELLE JAVASCRIPT

RITORNA ALLA PAGINA DEGLI EFFETTI SU IMMAGINI

Lo script da inserire in html


<!-- TWO STEPS TO INSTALL ENLARGE IMAGE:

1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- husenko@yahoo.co.in -->

<!-- Begin
function enlargeImage1(){
image1.height="300"
}
function dropImage1(){
image1.height="150"
}
function enlargeImage2(){
image2.height="300"
}
function dropImage2(){
image2.height="150"
}
// End -->
</script>

</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document -->

<BODY>

<center>
<b>Fate doppio click per allargare l'immagine<br>e un click per ridurre l'immagine.</b>
</center>
<p>
<table align="center">
<tr><td align="center">
<img src="2002natale031.jpg" height="150" name="image1" ondblclick="enlargeImage1()" onclick="dropImage1()"><br>
<b>Immagine 1</b>
</td><td align="center">
<img src="2002natale034.jpg" height="150" name="image2" ondblclick="enlargeImage2()" onclick="dropImage2()"><br>
<b>Immagine 2</b>
</td></tr>
</table>