zoombeeld

JavaScripts knippen en plakken

Op deze website vind je javascripts die je door eenvoudig knippen en plakken aan jouw site kunt toevoegen.

Home CSS DHTML Forum E-mail Sitezoeker Links

Zoombeeld

zoom in zoom uit

Plaatsing, maximum en minimum grootte van de afbeelding en zoomsnelheid zijn eenvoudig aan te passen.

1. Kopieer deze code en plaats ze in het HEAD-gedeelte van je pagina :

<script type="text/javascript">
// dit kun je aanpassen:
var beeldpad="../pics/foto3.jpg"; 
var toppositie=150;          
var linkspositie=100;         
var maxbreedte=700;        
var minbreedte=20;         
var pauze=1;        
var stap=4;             
// hieronder niets wijzigen :
document.write('<div id="q_div" style="position:absolute; top:' + toppositie + '; left:' + linkspositie + '"><img src="' + beeldpad + '" border="0"  name="zoom" alt="zoombeeld"></div>');
beeldbreedte=zoom.width;
beeldhoogte=zoom.height;
var timer=pauze;
function uitzoomen(){
   if(zoom.width>minbreedte){
    zoom.width-=stap;
    zoom.height=Math.round(zoom.width*((beeldhoogte)/(beeldbreedte)));
    setTimeout("uitzoomen()",pauze);}
   else{
	zoom.width=zoom.width;}} 
function inzoomen(){
   if(zoom.width<maxbreedte){
    zoom.width+=stap;
    zoom.height=Math.round(zoom.width*((beeldhoogte)/(beeldbreedte)));
    setTimeout("inzoomen()",pauze);}
   else{
	zoom.width=zoom.width;}} 
function stopzoom(){pauze=timer;}
function zoompauze(){pauze=10000000000;}
</script>

2. Kopieer deze code en plaats ze in het BODY-gedeelte van je pagina :

Copyright: Het internet is van iedereen, de volledige inhoud van deze site kan door iedereen vrij gebruikt worden.