Nieuw lid |
|
ik gebruik onderstaand javascript om bij een mouseover de foto groot te laten zien, maar nu wil ik dat bij mouseout de vergroting weer verdwijnt. Dit lukt helaas nog niet
code in head:
<SCRIPT>
// hier definieer je alle afbeeldingen
var afbeeldingen=new Array()
<?
while ($rows2 = mysql_fetch_object($results2))
{
echo "afbeeldingen[$foto]=[\"nieuws_img/$rows2->foto\", \"#\"]\n";
$foto = $foto + 1;
}
?>
var voorladen="nee" // "ja" of "nee"
var optlinktarget="" // optioneel: hier kun je een doel invullen bij framesgebruik
var beeldrandbreedte=0
var filterstring="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)"
// hieronder geen wijzigen aanbrengen
if (voorladen=="ja")
{
for (x=0; x<afbeeldingen.length; x++)
{
var ditbeeldje=new Image()
ditbeeldje.src=afbeeldingen[x][0]
}
}
function beeldcode(dezeafbeelding)
{
var beeldhtml=""
if (dezeafbeelding[1]!="")
beeldhtml='<a href="'+dezeafbeelding[1]+'" target="'+optlinktarget+'">'
beeldhtml+='<img src="'+dezeafbeelding[0]+'" border="'+beeldrandbreedte+'">'
if (dezeafbeelding[1]!="")
beeldhtml+='</a>'
return beeldhtml
}
function wijzigbeeld(beeldplaatsing, beeldindex)
{
if (document.getElementById)
{
var imgobj=document.getElementById(beeldplaatsing)
if (imgobj.filters && window.createPopup)
{
imgobj.style.filter=filterstring
imgobj.filters[0].Apply()
}
imgobj.innerHTML=beeldcode(afbeeldingen[beeldindex])
if (imgobj.filters && window.createPopup)
imgobj.filters[0].Play()
return false
}
}
</SCRIPT>
<SCRIPT> // hier definieer je alle afbeeldingen var afbeeldingen=new Array() <? while ($rows2 = mysql_fetch_object($results2)) { echo "afbeeldingen[$foto]=[\"nieuws_img/$rows2->foto\", \"#\"]\n"; $foto = $foto + 1; } ?> var voorladen="nee" // "ja" of "nee" var optlinktarget="" // optioneel: hier kun je een doel invullen bij framesgebruik var beeldrandbreedte=0 var filterstring="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)" // hieronder geen wijzigen aanbrengen if (voorladen=="ja") { for (x=0; x<afbeeldingen.length; x++) { var ditbeeldje=new Image() ditbeeldje.src=afbeeldingen[x][0] } } function beeldcode(dezeafbeelding) { var beeldhtml="" if (dezeafbeelding[1]!="") beeldhtml='<a href="'+dezeafbeelding[1]+'" target="'+optlinktarget+'">' beeldhtml+='<img src="'+dezeafbeelding[0]+'" border="'+beeldrandbreedte+'">' if (dezeafbeelding[1]!="") beeldhtml+='</a>' return beeldhtml } function wijzigbeeld(beeldplaatsing, beeldindex) { if (document.getElementById) { var imgobj=document.getElementById(beeldplaatsing) if (imgobj.filters && window.createPopup) { imgobj.style.filter=filterstring imgobj.filters[0].Apply() } imgobj.innerHTML=beeldcode(afbeeldingen[beeldindex]) if (imgobj.filters && window.createPopup) imgobj.filters[0].Play() return false } } </SCRIPT>
code thumbs
echo "<td align=\"center\" valign=center>
<table border='0' cellpadding='0' cellspacing='1' bgcolor='#000000'>
<tr><td valign=top><a onmouseover=\"wijzigbeeld('beeldplaatsing', $foto)\" onmouseout=\"javascript:stop();\" href=\"#\"><img src=\"nieuws_img/thumb/$rows2->foto\" border=\"0\" width=\"100\" height=\"75\"></a></td></tr>
</table></td>";
echo "<td align=\"center\" valign=center> <table border='0' cellpadding='0' cellspacing='1' bgcolor='#000000'> <tr><td valign=top><a onmouseover=\"wijzigbeeld('beeldplaatsing', $foto)\" onmouseout=\"javascript:stop();\" href=\"#\"><img src=\"nieuws_img/thumb/$rows2->foto\" border=\"0\" width=\"100\" height=\"75\"></a></td></tr> </table></td>";
code voor laten zien grote foto, over alles een:
<div id="beeldplaatsing" align="center" style="position:absolute; margin:0 20%;"></div>
<div id="beeldplaatsing" align="center" style="position:absolute; margin:0 20%;"></div>
Alvast bedankt !!!!
|