Muis over plaatje kleur veranderd!?

Praat mee over van alles en nog wat!
Forumregels
Dit forum is voor alle zinnige gesprekken buiten phpBB om. Discussies en gesprekken over interessante onderwerpen.

Een nieuw onderwerp moet..:
  • uiteraard voldoen aan de algemene voorwaarden
  • niet passen in de gewone supportfora
  • interessante zijn voor het overgrote deel van onze gebruikers
  • een neutrale of positieve ondertoon hebben
  • anders zijn dan bestaande onderwerpen
Plaats reactie
Nevels
Berichten: 418
Lid geworden op: 02 feb 2005, 23:38
Contacteer:

Muis over plaatje kleur veranderd!?

Bericht door Nevels » 16 mar 2005, 20:19

Hoe maak je dat als je op internet met muis over plaatje gaat dat kleur veranderd ?
Alvast bedankt,
Voor de info iedereen!

Gebruikersavatar
Paul
Beheerder
Beheerder
Berichten: 20316
Lid geworden op: 23 okt 2003, 11:38
Locatie: Utrecht
Contacteer:

Bericht door Paul » 16 mar 2005, 20:23

hoe maak je gebruik van een zoekfunctie of zoekmachine(VB: google)?

Nevels
Berichten: 418
Lid geworden op: 02 feb 2005, 23:38
Contacteer:

Bericht door Nevels » 16 mar 2005, 20:42

OK Eerst vond ik het niet waarom, Ik wist niet dat dat mouse-over heette. Toen ik me dat weer herinnerde kon ik het vinden.

Nou Bedankt Kerel,
Hoop dat tussen ons niks meer,-
Alvast bedankt,
Voor de info iedereen!

Gebruikersavatar
jh0nny
Berichten: 943
Lid geworden op: 11 mar 2004, 20:05
Contacteer:

Re: Muis over plaatje kleur veranderd!?

Bericht door jh0nny » 17 mar 2005, 15:58

Nevels schreef:Hoe maak je dat als je op internet met muis over plaatje gaat dat kleur veranderd ?
Zet onderstaand in je overall_header.tpl:

Code: Selecteer alles

<script type="text/javascript"> 

function init() { 
if (!document.getElementById) return 
var imgOriginSrc; 
var imgTemp = new Array(); 
var imgarr = document.getElementsByTagName('img'); 
for (var i = 0; i < imgarr.length; i++) { 
if (imgarr[i].getAttribute('hsrc')) { 
imgTemp[i] = new Image(); 
imgTemp[i].src = imgarr[i].getAttribute('hsrc'); 
imgarr[i].onmouseover = function() { 
imgOriginSrc = this.getAttribute('src'); 
this.setAttribute('src',this.getAttribute('hsrc')) 
} 
imgarr[i].onmouseout = function() { 
this.setAttribute('src',imgOriginSrc) 
} 
} 
} 
} 
onload=init; 

</script> 
En plaats dan de link naar je afbeelding, voorbeeldje:

Code: Selecteer alles

<a href="{U_FAQ}"><img src="templates/subsilver/images/menu_faq.gif" hsrc="templates/subsilver/images/menu_faq1.gif" border="0" alt="{L_FAQ}" hspace="3" /></a>
Dus je moet bij de 2e een hsrc zetten ipv een src. :bier:
Barki.nl

-ThUnDeR-
Berichten: 65
Lid geworden op: 26 feb 2005, 16:53
Contacteer:

Bericht door -ThUnDeR- » 17 mar 2005, 16:03

Heb ik ook een klein vraagje wat hier mee te maken heeft.

Op het forum moet je altijd op de titel klikken, ik heb ergens een keer gezien als je op het vak komt waar de link staat.. dat het hele vak aanklik baar is en iets van kleur veranderd, hoe krijg ik dat ook voor elkaar ? :)
! Be A Spammer !
http://www.ThunderWeb.nl
Spammen Totdat je op je toetsenbordt neer valt.

Gebruikersavatar
dorque
Berichten: 91
Lid geworden op: 17 mar 2005, 16:42
Contacteer:

Bericht door dorque » 30 mar 2005, 14:11


Gebruikersavatar
DoubleJ
Berichten: 502
Lid geworden op: 22 jan 2005, 17:20
Locatie: Enschede
Contacteer:

Bericht door DoubleJ » 30 mar 2005, 16:14

Dat is een mouseover.
als je wilt dat je overal in het vak kunt klikken moet je in de desbetreffende tabelcell dit toevoegen:

Code: Selecteer alles

onclick="window.location.href='URL'"
waar je URL vervangt door de link.
DoubleJ - "Waarom makkelijk doen, als het ook moeilijk kan."

Gebruikersavatar
Eefjuh
Berichten: 512
Lid geworden op: 07 jan 2005, 14:26
Contacteer:

Bericht door Eefjuh » 19 mei 2005, 13:46

Hoe maak je hiervan gebruik op een gewone site?

De plaatje in plaatje veranderen?

Gebruikersavatar
Luuk
Berichten: 7311
Lid geworden op: 22 okt 2003, 10:07
Locatie: Delft

Bericht door Luuk » 19 mei 2005, 15:43

Kijk maar naar het stukje van jh0nny, dat JS moet je gewoon voor </head> zetten en in de link van het plaatje kun je dan hsrc gebruiken om hem te vervangen als je eroverheen gaat.
Afbeelding

Plaats reactie