thumbnails naar foto

Status
Niet open voor verdere reacties.
U

uluru

Nieuwe gebruiker
Lid geworden
28 mei 2009
Berichten
3
Ben geen javascript-kenner maar ben op zoek naar een script...
Op een webpagina die ik aan het maken ben staan thumbnails.
Nu wil ik graag dat wanneer je met de muis over de thumbnails gaat, er ergens anders op diezelfde pagina, de foto uitvergroot getoond word.
Bestaat hier een script voor of kan dit enkel met een flash-applicatie?

Alvast bedankt!
 
Beste Mario,

Ja ik ken google & van onmouseover event heb ik zelfs ook al van gehoord....
ik vraag gewoon hulp, ik hoef geen nutteloze commentaar...
 
Heb je hier dan iets aan?

HTML: 
<html> 
<head><title>Mouseover  Thumb to Show Original Next to Mouse</title> 
<script language="JavaScript"><!--
var ie45,ns6,ns4,dom;
if (navigator.appName=="Microsoft Internet Explorer")
  ie45=parseInt(navigator.appVersion)>=4;
else if (navigator.appName=="Netscape"){
  ns6=parseInt(navigator.appVersion)>=5;
  ns4=parseInt(navigator.appVersion)<5;}
dom=ie45 || ns6;
 
function show(id) {
el = document.all ? document.all[id] : 
  dom ? document.getElementById(id) : 
  document.layers[id];
els = dom ? el.style : el;
if (dom){ 
		els.visibility = "visible";
		els.position="absolute";
		els.left=event.clientX+10;
		els.top=event.clientY;
	}
else if (ns4){
		els.visibility = "show";
		els.position="absolute";
		els.left=event.clientX+10;
		els.top=event.clientY;
	}
}
 
function hide(id) {
el = document.all ? document.all[id] : 
  dom ? document.getElementById(id) : 
  document.layers[id];
els = dom ? el.style : el;
if (dom){ 
		els.visibility = "hidden";
	}
else if (ns4){
		els.visibility = "hide";
	}
}
// --> 
</script> 
</head> 
<body> 
<!--  THE THUMBNAIL  --> 
 <img src="panelt.jpg" onMouseOver="show('panel')"; onMouseOut="hide('panel')"> 
 
<!--  THE LARGER ORIGINAL --> 
 <img id="panel" style="visibility:hidden" src="panel.jpg"> 
<hr> 
 
</body> 
</html>

BTW, Welkom op dit forum
 
Laatst bewerkt:
Thanx,

Beide tips werken prima.
CSS is inderdaad leuker...
 
duidelijke handleiding in nederlands

uluru zei:
Thanx,

Beide tips werken prima.
CSS is inderdaad leuker...
Klik om te vergroten...

is er ook een duidelijke handleiding in het nederlands hoe het werkt om met css thumbnails te maken met foto's
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan