Programalama > JAVA SCRIPT

JAVA SCRIPT / Resimlere Zoom Efekti

Resimlerin Üzerine Tıklayınca Zoom Efekti Oluyor

Etiketler: resimlere, zoom, efekti

Ort. 5

Puan ver:

hazirkod 04 June 19:34 0

1 kişiden 5 puan aldı

9186

<!-- ONE STEP TO INSTALL INSTANT IMAGE ZOOMING:
  1.  Copy the coding into the BODY of your HTML document  -->
<!-- STEP ONE: Paste this code into the BODY of your HTML document  -->
<BODY>
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://kanalbizim.tr.gg-->
<!-- Original:  CodeLifter () -->
<!-- Web Site:  http://www.kanalbizim.tr.gg-->
<script>
var nW,nH,oH,oW;
function zoomToggle(iWideSmall,iHighSmall,iWideLarge,iHighLarge,whichImage){
oW=whichImage.style.width;oH=whichImage.style.height;
if((oW==iWideLarge)||(oH==iHighLarge)){
nW=iWideSmall;nH=iHighSmall;}else{
nW=iWideLarge;nH=iHighLarge;}
whichImage.style.width=nW;whichImage.style.height=nH;
}
</script>
<img
border="0"
src="http://javascript.internet.com/miscellaneous/zoomAimage.gif"
width="100"
height="100"
onclick="zoomToggle('100px','100px','200px','200px',this);"
>
<br>
<img
border="0"
src="http://javascript.internet.com/miscellaneous/zoomBimage.gif"
width="100"
height="100"
onclick="zoomToggle('75px','75px','200px','200px',this);"
>
<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://kanalbizim.tr.gg">The JavaScript Source</a></font>
</center><p>
<!-- Script Size:  1.10 KB -->
 
http://www.kanalbizim.tr.gg
kanalbizim@hotmail.com