login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Faden

Offline Lyrix - 15/12/2010 11:03
Avatar van LyrixNieuw lid Hallo,

Ik heb een scriptje waarbij als ik over een hover link ga, een plaatje in een box veranderd.
Nu wil ik een fade effect aanbrengen, dus dat als ik op link B sta dat het plaatje van A naar B fade.
Hoe doe ik dat?

Dit is het script dat ik momenteel heb:



javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="JavaScript" type="text/JavaScript"> 
  2. function showT(q){ 
  3. document.getElementById('ima').setAttribute('src','0'+q+'.jpg') 
  4. } 
  5. </script> 
  6.  
  7. <table width="500" border="0"> 
  8.   <tr> 
  9.     <td width="20%"><a href="#" onmouseover="showT(0)">pic 1<br> 
  10.       <br> 
  11.       </a><a href="#" onmouseover="showT(1)">pic 2<br> 
  12.       <br> 
  13.       </a><a href="#" onmouseover="showT(2)">pic 3</a></td> 
  14.     <td><img id="ima" src="00.jpg" width="100" height="100"></td> 
  15.   </tr> 
  16. </table>

3 antwoorden

Gesponsorde links
Offline pinquin - 15/12/2010 13:59
Avatar van pinquin HTML interesse Hoi Lyrix,

Dat is redelijk makkelijk en ook redelijk makkelijk gevonden.
google op: js fade effect en het eerste resultaat geeft http://www.swit...-animation

gr,
Offline Sitebase - 16/12/2010 00:26
Avatar van Sitebase PHP expert Bekijk eens wat tutorials over jquery of mootools. Met deze js frameworks kan je zoiets op een redelijk gemakkelijke manier maken.
Offline Stijn - 16/12/2010 01:02
Avatar van Stijn PHP expert Twee <img> nemen en dan met een setTimeout() een functie callen die de opacities van beide images verandert (die van Afbeelding A van 100->0 en die van Afbeelding B van 0->100).
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.168s