login  Naam:   Wachtwoord: 
Registreer je!
 Forum

hulp met javascript om foto's te tonen

Offline ijsselg - 07/03/2008 22:49 (laatste wijziging 07/03/2008 22:54)
Avatar van ijsselgNieuw lid Samen met mijn zoontje maak ik een site met foto's van bloemstukken. Onderstaande hebben we inmiddels.
Nu is de bedoeling dat onder de grote foto een viertal knoppen komen. Achter deze knoppen zou een link geopend moeten worden met informatie, maar liefst op exact dezelfde plek als de grote foto. De onderste tabel bevat twee knoppen die onder de grote foto worden getoond. Maar die knoppen moeten dan een heel ander plaatje openen. Namelijk één met tekst. Maar hoe wijs ik nu het plaatje tekst1.jpg en tekst2.jpg toe aan respectievelijk img id 9 en img id 10. Ik hoop dat mijn vraag duidelijk is. Iemand die ons kan helpen??

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language=javascript> 
  2. var lastID = 0; 
  3. function SelectImg(id) { 
  4. if (lastID > 0) { 
  5. document.getElementById(lastID).className = "thumbNormal"; 
  6. } 
  7. document.getElementById(id).className = "thumbSelected"; 
  8. document.getElementById(0).src = document.getElementById(id).src; 
  9. lastID = id; 
  10. } 
  11. function LoadTrigger() { 
  12. SelectImg(1); 
  13. } 
  14. window.onload = LoadTrigger; 
  15. </script> 
  16.  
  17. <table border=0> 
  18. <tr> 
  19. <td valign=top> 
  20. <br><img id=1 class="thumbNormal" src="1.jpg" width=100 onclick="SelectImg(1)"> 
  21. <br><img id=2 class="thumbNormal" src="2.jpg" width=100 onclick="SelectImg(2)"> 
  22. <br><img id=3 class="thumbNormal" src="3.jpg" width=100 onclick="SelectImg(3)"> 
  23. <br><img id=4 class="thumbNormal" src="4.jpg" width=100 onclick="SelectImg(4)"> 
  24. </td> 
  25. <td width=15> </td> 
  26. <td valign=top> 
  27. <img id=0 src=""> 
  28. <td width=15> </td> 
  29. </td> 
  30. <td valign=top> 
  31. <br><img id=5 class="thumbNormal" src="5.jpg" width=100 onclick="SelectImg(5)"> 
  32. <br><img id=6 class="thumbNormal" src="6.jpg" width=100 onclick="SelectImg(6)"> 
  33. <br><img id=7 class="thumbNormal" src="7.jpg" width=100 onclick="SelectImg(7)"> 
  34. <br><img id=8 class="thumbNormal" src="8.jpg" width=100 onclick="SelectImg(8)"> 
  35. </td> 
  36. </tr> 
  37. </table> 
  38.  
  39. <table> 
  40. <tr> 
  41. <td valign=top> 
  42. <br><img id=9 class="thumbNormal" src="knop1.jpg" width=100 onclick="SelectImg(9)"> 
  43. <br><img id=10 class="thumbNormal" src="knop2.jpg" width=100 onclick="SelectImg(10)"> 
  44. </td> 
  45. </tr> 
  46. </table>


Kleine toevoeging: kan ik van te voren images toewijzen aan id nummers? Want volgens mij gaat het daarom.

Gerad

4 antwoorden

Gesponsorde links
Offline yetti4 - 07/03/2008 23:09 (laatste wijziging 07/03/2008 23:10)
Avatar van yetti4 JS interesse als ik het goed begrepen hebt wil je dit:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <input type="button" onclcik="document.getElementById('je img een van de nummers').src='plaatje9.jpg'" value="bla!" />
Offline ijsselg - 07/03/2008 23:21 (laatste wijziging 07/03/2008 23:22)
Avatar van ijsselg Nieuw lid Hoi, bedankt voor je reactie. Maar ik ben niet duidelijk genoeg geweest. Even de volgende code:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <br><img id=3 class="thumbNormal" src="3.jpg" width=100 onclick="SelectImg(3)">


Hier horen id 3 bij src 3.jpg etc. Dus klik op een thumb geeft een grote foto weer.

Ik wil nu een knop (is kleine jpg!), als ik erop klik wordt een andere (!) jpg geopend als grote foto. De regel hierboven vergroot de thumb naar een grote foto..
Offline Ibrahim - 08/03/2008 11:59
Avatar van Ibrahim PHP expert Ik snap je vraag alsnog niet ?
Offline finduilas - 08/03/2008 12:02
Avatar van finduilas PHP gevorderde Bedoel je zoiets: http://www.find...mp;site=27 maar dan i.p.v mouseover van de afbeelding een gewone link?
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.266s