login  Naam:   Wachtwoord: 
Registreer je!
 Forum

onmouseout moet functie() stoppen (Opgelost)

Offline p1n0 - 05/09/2007 12:09 (laatste wijziging 05/09/2007 15:22)
Avatar van p1n0Nieuw 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:
  1. <SCRIPT>
  2. // hier definieer je alle afbeeldingen
  3. var afbeeldingen=new Array()
  4.  
  5. <?
  6. while ($rows2 = mysql_fetch_object($results2))
  7. {
  8. echo "afbeeldingen[$foto]=[\"nieuws_img/$rows2->foto\", \"#\"]\n";
  9. $foto = $foto + 1;
  10. }
  11. ?>
  12.  
  13. var voorladen="nee" // "ja" of "nee"
  14. var optlinktarget="" // optioneel: hier kun je een doel invullen bij framesgebruik
  15. var beeldrandbreedte=0
  16. var filterstring="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)"
  17.  
  18. // hieronder geen wijzigen aanbrengen
  19.  
  20. if (voorladen=="ja")
  21. {
  22. for (x=0; x<afbeeldingen.length; x++)
  23. {
  24. var ditbeeldje=new Image()
  25. ditbeeldje.src=afbeeldingen[x][0]
  26. }
  27. }
  28.  
  29. function beeldcode(dezeafbeelding)
  30. {
  31. var beeldhtml=""
  32. if (dezeafbeelding[1]!="")
  33. beeldhtml='<a href="'+dezeafbeelding[1]+'" target="'+optlinktarget+'">'
  34. beeldhtml+='<img src="'+dezeafbeelding[0]+'" border="'+beeldrandbreedte+'">'
  35. if (dezeafbeelding[1]!="")
  36. beeldhtml+='</a>'
  37. return beeldhtml
  38. }
  39.  
  40. function wijzigbeeld(beeldplaatsing, beeldindex)
  41. {
  42. if (document.getElementById)
  43. {
  44. var imgobj=document.getElementById(beeldplaatsing)
  45. if (imgobj.filters && window.createPopup)
  46. {
  47. imgobj.style.filter=filterstring
  48. imgobj.filters[0].Apply()
  49. }
  50. imgobj.innerHTML=beeldcode(afbeeldingen[beeldindex])
  51. if (imgobj.filters && window.createPopup)
  52. imgobj.filters[0].Play()
  53. return false
  54. }
  55. }
  56. </SCRIPT>


code thumbs
  1. echo "<td align=\"center\" valign=center>
  2. <table border='0' cellpadding='0' cellspacing='1' bgcolor='#000000'>
  3. <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>
  4. </table></td>";


code voor laten zien grote foto, over alles een:
  1. <div id="beeldplaatsing" align="center" style="position:absolute; margin:0 20%;"></div>


Alvast bedankt !!!!

2 antwoorden

Gesponsorde links
Offline metalnicht - 06/09/2007 09:26
Avatar van metalnicht Nieuw lid He p1n0,

kan je niet een javascript close() in de link van de foto zetten?
Offline BramBo - 06/09/2007 10:19
Avatar van BramBo JS gevorderde Goed ik heb wel vaker te horen gekregen dat ik een Mierenneuker ben maar : CamelCase!

Anyhoo stop() (het is btw window.stop();) bestaat Officieel niet in javascript, ik geloof dat het een JScript functie is. Dus het werkt wel onder internet Explorer.

Hmm, ik zie nu pas dat je "progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)" gebruikt dit werkt zowiezo alleen maar onder IE, IE in windows wel te verstaan. Ook is het ergg versie gevoelig(denk ie4/5/5.5)..

Ik weet niet precies wat deze filter voor je doet maar ik ben er zeker van dat er een soort gelijke effecten staan in wel [strict] valid javascript!

Bekijk eens:
http://moofx.mad4milk.net/
Moo Fx, Easy Eye candy.

http://jquery.com/
JQuery, js framework voor sneller lichter javascript werk.

ps: Mocht je verder willen gaan met je eigen script, dien je een reversal functie te schrijven (een functie die precies het tegenover gestelde doet van wijzigbeeld()
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.196s