Klik en vergroot
- Onderwerp starter noud17
- Startdatum
- Status
vanschagen
Banned
- Lid geworden
- 26 nov 2001
- Berichten
- 16.735
hier staat een oplossing
http://forum.computeridee.nl/showthread.php?t=43695
http://forum.computeridee.nl/showthread.php?t=43695
defietser
Gebruiker
- Lid geworden
- 6 feb 2007
- Berichten
- 460
noud17
Ik heb hier een klein vb gemaakt. Als je op de kleine foto klikt dan toont hij de grote foto als je dan op de grote foto klikt dan dan verdwijnt de grote foto. Je moet wel uw plaatjes in de plaats zetten van Foto_Thumb.jpg en Foto_Groot.jpg
Mvg
Defietser
Ik heb hier een klein vb gemaakt. Als je op de kleine foto klikt dan toont hij de grote foto als je dan op de grote foto klikt dan dan verdwijnt de grote foto. Je moet wel uw plaatjes in de plaats zetten van Foto_Thumb.jpg en Foto_Groot.jpg
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Naamloos document</title>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_showHideLayers() { //v9.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3)
with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
<style type="text/css">
<!--
#kleineFoto {
height: 113px;
width: 150px;
}
#groteFoto {
height: 600px;
width: 800px;
left: 250px;
top: 115px;
visibility: hidden;
position: absolute;
}
-->
</style>
</head>
<body>
<div id="groteFoto"><img src="Foto_Groot.jpg" onmousedown="MM_showHideLayers('kleineFoto','','show','groteFoto','','hide')" /></div>
<table width="300" border="1" cellpadding="0" cellspacing="0" bordercolor="#57772E">
<tr>
<td width="150" height="113"> </td>
<td width="150" height="113"> </td>
</tr>
<tr>
<td width="150" height="113"> </td>
<td><div id="kleineFoto"><img src="Foto_Thumb.jpg" width="150" height="113" onmousedown="MM_showHideLayers('kleineFoto','','inherit','groteFoto','','show')" /></div></td>
</tr>
<tr>
<td width="150" height="113"> </td>
<td> </td>
</tr>
<tr>
<td width="150" height="113"> </td>
<td> </td>
</tr>
</table>
</body>
</html>Defietser
- Status
