login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Popup bij mouseover met img

Offline BigBug - 26/11/2006 08:46
Avatar van BigBugPHP expert Hallo allemaal.. Ik zit in de problemen 

Ik moet een script hebben waarbij je bij een mouse over een image te zien krijgt. Kan iemand mij hier verder mee helpen? Ik heb al met de js van spele.nl lopen klungelen maar dat krijg ik niet werkend. Dus zoek ik eigenlijk gewoon een goed scriptje.

Voor een voorbeeld zie http://www.spele.nl/

16 antwoorden

Gesponsorde links
Offline W0etah - 26/11/2006 10:24
Avatar van W0etah PHP beginner dat noemt "overlib", moet je maar is opzoeken
Offline BigBug - 26/11/2006 12:34 (laatste wijziging 26/11/2006 14:30)
Avatar van BigBug PHP expert Bedankt, maar ik kom nog niet echt verder.. Zo moeilijk kan het niet zijn maar 'k zit gewoon klem Heef iemand even tijd om mij verder te helpen?

Alvast heel hartelijk bedankt!
(Note: Je mag me ook toevoegen op msn -> Zie mn profiel)

EDIT!!!!!!!!
http://www.plaatscode.be/3223/
Hier is de code, het werkt nu enigsins MAAR het moet op de goeie plek. Zoals het nu is is het bagger: http://www.big-bug.nl/overlib/

HOE KRIJG IK DAT VERDOEMDE PLAATJE OP DE GOEDE PLEK???
Net zoals bij spele.nl
Offline timo - 26/11/2006 15:43
Avatar van timo PHP ver gevorderde Wat er op dit moment gebeurt is dat de link die verandert van plek, dus is het MouseOut, dus de link gaat weer terug, maar dan is het weer MouseOver.. maar ergens op internet staat een echt overlib script want dit is volgens mij niet de echte.. anders maak je die van spele.nl toch een beetje na(6):P
Offline BigBug - 26/11/2006 16:46
Avatar van BigBug PHP expert Is ook geen echt script maar dat boeit niet.. Maar hoe los ik op wat je zegt?
Offline ikkedikke - 26/11/2006 17:39
Avatar van ikkedikke PHP expert door de plaats van het plaatje aan te passen aan de stand van de muis denk ik ?
Offline BigBug - 26/11/2006 17:50
Avatar van BigBug PHP expert En hoe doe ik dat? 

(totally not js expert)
Offline ikkedikke - 26/11/2006 17:55
Avatar van ikkedikke PHP expert me neighter

php code - Bekijk de code zonder highlighting - Klap code in 
  1. document.onmousemove=get_mouse;
  2.  
  3. function get_mouse(e){
  4. var x=(ns4||ns6)?e.pageX:event.x+document.body.scrollLeft;
  5. skn.left=x+Xoffset;
  6. var y=(ns4||ns6)?e.pageY:event.y+document.body.scrollTop;
  7. skn.top=y+yyy;
  8. }

uit http://proxy.spele.nl/javascript/popupimg.js
Offline BigBug - 26/11/2006 18:42
Avatar van BigBug PHP expert Helaas, dan doet ie het ook niet...
Offline ikkedikke - 26/11/2006 18:59
Avatar van ikkedikke PHP expert nou probeer er iets mee ! dit is wel de methode...
Offline timo - 26/11/2006 20:00
Avatar van timo PHP ver gevorderde als je die div met id plaatje nou eens onder je links zet..
Offline vinTage - 26/11/2006 20:06 (laatste wijziging 26/11/2006 20:07)
Avatar van vinTage Nieuw lid Het eerste voor... je wilt..
Offline keesgerbers - 26/11/2006 20:14
Avatar van keesgerbers Lid het is best gemakkelijk.
je hebt de volgende dingen nodig:
de css opmaak om het plaatje op de juiste plaats te krijgen.
en het js bestand voor de javascript code
ook heb je een div nodig. ik zal de volledige code hieronder zetten:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <style>
  2. #dek {
  3. 	POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;
  4. 	font-size: 12px;
  5. </style>
  6. <body>
  7. <DIV ID="dek"></DIV>
  8. <script language="JavaScript" src="showimg.js"></script>
  9. <a href="http://je url hier.nl" 
  10.  ONMOUSEOVER="popup('<img src=http://je plaatjes adres hier.jpg>','0')"; 
  11.  ONMOUSEOUT="kill()">
  12. je link tekst hier</a>
  13. </body>

hier kun je het js bestandje downloaden.

ik hoop dat je er wat aan hebt.
Offline BigBug - 26/11/2006 20:33 (laatste wijziging 26/11/2006 21:31)
Avatar van BigBug PHP expert Ik zal het zometeen eens proberen Kees!

Alvast bedankt!

Edit: http://www.big-bug.nl/overlib/

Dit is wat ik krijg Kees....
Kan je me verder helpen?
Offline Ultimatum - 26/11/2006 21:42
Avatar van Ultimatum PHP expert BigBug, gebruik de link die jvriet je gaf dan. Die gebruik ik nu ook en werkt goed 
Offline keesgerbers - 27/11/2006 11:21
Avatar van keesgerbers Lid je hebt in de javascript de volgende code veranderd:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. if (typeof ol_width=='undefined') var ol_width="200";


hier staat welke breedte je aan je tekst vak geeft. dit kun je ook gewoon weghalen dus:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. if (typeof ol_width=='undefined') var ol_width="";


en de kleuren enzo kun je hier ook gewoon aanpassen
Offline BigBug - 27/11/2006 14:29
Avatar van BigBug PHP expert Eerst deed deze het niet Kees, vandaar.. Ik had perongeluk een verkeerde versie van overLIB gebruikt  Vandaar... Maar iniedergeval bedankt voor je hulp!

Dit geldt natuurlijk ook voor alle anderen!!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.471s