login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Navigatiebalk boven (Opgelost)

Offline wiecher - 18/11/2014 09:52
Avatar van wiecherNieuw lid Hallo mensen

Ik gebruik dit script om plaatjes te laten zien en dat werkt prima, alleen zou ik graag willen dat de navigatiebalk met start enz boven de plaatjes komen te staan.
Hoe krijg ik dit voor elkaar ?
  1. <div align="right"><script language="JavaScript" type="text/javascript">
  2.  
  3.  
  4.  
  5. <!-- Begin
  6. var rotate_delay = 3000; // delay in milliseconds (5000 = 5 secs)
  7. current = 0;
  8. function next() {
  9. if (document.slideform.slide[current+1]) {
  10. document.images.show.src = document.slideform.slide[current+1].value;
  11. document.slideform.slide.selectedIndex = ++current;
  12. }
  13. else first();
  14. }
  15. function previous() {
  16. if (current-1 >= 0) {
  17. document.images.show.src = document.slideform.slide[current-1].value;
  18. document.slideform.slide.selectedIndex = --current;
  19. }
  20. else last();
  21. }
  22. function first() {
  23. current = 0;
  24. document.images.show.src = document.slideform.slide[0].value;
  25. document.slideform.slide.selectedIndex = 0;
  26. }
  27. function last() {
  28. current = document.slideform.slide.length-1;
  29. document.images.show.src = document.slideform.slide[current].value;
  30. document.slideform.slide.selectedIndex = current;
  31. }
  32. function ap(text) {
  33. document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop";
  34. rotate();
  35. }
  36. function change() {
  37. current = document.slideform.slide.selectedIndex;
  38. document.images.show.src = document.slideform.slide[current].value;
  39. }
  40. function rotate() {
  41. if (document.slideform.slidebutton.value == "Stop") {
  42. current = (current == document.slideform.slide.length-1) ? 0 : current+1;
  43. document.images.show.src = document.slideform.slide[current].value;
  44. document.slideform.slide.selectedIndex = current;
  45. window.setTimeout("rotate()", rotate_delay);
  46. }
  47. }
  48. // End -->
  49. <title>Winterweer</title>
  50.  
  51.  
  52.  
  53.  
  54. </head>
  55. <br><div class="c6 c1 c1"><center>
  56. <form name="slideform" id="slideform">
  57. <table class="c5" cellspacing="1" cellpadding="4">
  58. <td class="c4" align="center" width="1" height="1">
  59. <p class="c3"><img src="http://www.winterplaza.nl/gdata/eps/eps_ijsgroei_06260.png" name="show" height="615" title="Buienradars" alt="" id="show"></p>
  60. </td>
  61. </tr>
  62. <tr>
  63. <td class="c2" align="center"><span class="c1"><select name="slide" onchange="change();">
  64. <option value="http://www.winterplaza.nl/gdata/eps/eps_ijsgroei_06260.png" selected>Ijsgroei midden</option>
  65. <option value="http://www.winterplaza.nl/gdata/eps/eps_kans_tn0tx0_06260.png">Vorstkans midden</option>
  66. <option value="http://www.winterplaza.nl/gdata/eps/eps_sneeuwkans_06260.png">Sneeuwkans midden</option>
  67. <option value="http://www.winterplaza.nl/gdata/eps/eps_hellmann.png">Hellmann midden</option>
  68. <option value="http://www.winterplaza.nl/gdata/eps/eps_ijsgroei_06240.png ">Ijsgroei west</option>
  69. <option value="http://www.winterplaza.nl/gdata/eps/eps_kans_tn0tx0_06240.png">Vorstkans west</option>
  70. <option value="http://www.winterplaza.nl/gdata/eps/eps_sneeuwkans_06240.png">Sneeuwkans west</option>
  71. <option value="http://www.winterplaza.nl/gdata/eps/eps_hellmann.png">Hellmann west</option>
  72. <option value="http://www.winterplaza.nl/gdata/eps/eps_ijsgroei_06235.png">Ijsgroei noordwest</option>
  73. <option value="http://www.winterplaza.nl/gdata/eps/eps_kans_tn0tx0_06235.png ">Vorstkans noordwest</option>
  74. <option value="http://www.winterplaza.nl/gdata/eps/eps_sneeuwkans_06235.png ">Sneeuwkans noordwest</option>
  75. <option value="http://www.winterplaza.nl/gdata/eps/eps_hellmann.png">Hellmann noordwest</option>
  76. <option value="http://www.winterplaza.nl/gdata/eps/eps_ijsgroei_06270.png">Ijsgroei noord</option>
  77. <option value="http://www.winterplaza.nl/gdata/eps/eps_kans_tn0tx0_06270.png">Vorstkans noord</option>
  78. <option value="http://www.winterplaza.nl/gdata/eps/eps_sneeuwkans_06270.png ">Sneeuwkans noord</option>
  79. <option value="http://www.winterplaza.nl/gdata/eps/eps_hellmann.png ">Hellmann noord</option>
  80. <option value="http://www.winterplaza.nl/gdata/eps/eps_ijsgroei_06280.png">Ijgroei noordoost</option>
  81. <option value="http://www.winterplaza.nl/gdata/eps/eps_kans_tn0tx0_06280.png">Vorstkans noordoost</option>
  82. <option value="http://www.winterplaza.nl/gdata/eps/eps_sneeuwkans_06280.png">Sneeuwkans noordoost</option>
  83. <option value="http://www.winterplaza.nl/gdata/eps/eps_hellmann.png ">Hellmann noordoost</option>
  84. <option value="http://www.winterplaza.nl/gdata/eps/eps_ijsgroei_06290.png ">Ijsgroei oost</option>
  85. <option value="http://www.winterplaza.nl/gdata/eps/eps_kans_tn0tx0_06290.png">Vorstkans oost</option>
  86. <option value="http://www.winterplaza.nl/gdata/eps/eps_sneeuwkans_06290.png">Sneeuwkans oost</option>
  87. <option value="http://www.winterplaza.nl/gdata/eps/eps_hellmann.png">Hellmann oost</option>
  88. <option value="http://www.winterplaza.nl/gdata/eps/eps_ijsgroei_06380.png ">Ijsgroei zuidoost</option>
  89. <option value="http://www.winterplaza.nl/gdata/eps/eps_kans_tn0tx0_06380.png ">Vorstkans zuidoost</option>
  90. <option value="http://www.winterplaza.nl/gdata/eps/eps_sneeuwkans_06380.png">Sneeuwkans zuidoost</option>
  91. <option value="http://www.winterplaza.nl/gdata/eps/eps_hellmann.png">Hellmann zuidoost</option>
  92. <option value="http://www.winterplaza.nl/gdata/eps/eps_ijsgroei_06350.png ">Ijsgroei zuid</option>
  93. <option value="http://www.winterplaza.nl/gdata/eps/eps_kans_tn0tx0_06350.png">Vorstkans zuid</option>
  94. <option value="http://www.winterplaza.nl/gdata/eps/eps_sneeuwkans_06350.png">Sneeuwkans zuid</option>
  95. <option value="http://www.winterplaza.nl/gdata/eps/eps_hellmann.png">Hellmann zuid</option>
  96. <option value="http://www.winterplaza.nl/gdata/eps/eps_ijsgroei_06310.png">Ijsgroei zuidwest</option>
  97. <option value="http://www.winterplaza.nl/gdata/eps/eps_kans_tn0tx0_06310.png ">Vorstkans zuidwest</option>
  98. <option value="http://www.winterplaza.nl/gdata/eps/eps_sneeuwkans_06310.png ">Sneeuwkans zuidwest</option>
  99. <option value="http://www.winterplaza.nl/gdata/eps/eps_hellmann.png ">Hellmann zuidwest</option>
  100.  
  101. </select></span></td>
  102. </tr>
  103. <tr>
  104. <td class="c2" align="center"><span class="c1"><input type="button" onclick="first();" value="|&lt;&lt;" title="Begin"> <input type="button" onclick="previous();" value="&lt;&lt;" title="Vorige"> <input type="button" name="slidebutton" onclick="ap(this.value);" value="Start" title="Afspelen"> <input type="button" onclick="next();" value="&gt;&gt;" title="Volgende"> <input type="button" onclick="last();" value="&gt;&gt;|" title="Einde"></span></td>
  105. </tr>

4 antwoorden

Gesponsorde links
Offline Wijnand - 18/11/2014 10:28
Avatar van Wijnand Moderator Ik begrijp niet helemaal wat je bedoelt, maar misschien gewoon die tr boven de andere zetten?
Offline wiecher - 18/11/2014 20:57 (laatste wijziging 18/11/2014 20:58)
Avatar van wiecher Nieuw lid Welke tr ?
Deze balk wil ik graag boven de plaatjes vertonen.
Zie bijlage

http://www.plaa...15976d.png
Offline Wijnand - 20/11/2014 09:05
Avatar van Wijnand Moderator Zo?
  1. <table class="c5" cellspacing="1" cellpadding="4">
  2. <tr>
  3. <td class="c2" align="center"><span class="c1"><select name="slide" onchange="change();">
  4. <option value="http://www.winterplaza.nl/gdata/eps/eps_ijsgroei_06260.png" selected>Ijsgroei midden</option>
  5. <option value="http://www.winterplaza.nl/gdata/eps/eps_kans_tn0tx0_06260.png">Vorstkans midden</option>
  6. <option value="http://www.winterplaza.nl/gdata/eps/eps_sneeuwkans_06260.png">Sneeuwkans midden</option>
  7. <option value="http://www.winterplaza.nl/gdata/eps/eps_hellmann.png">Hellmann midden</option>
  8. <option value="http://www.winterplaza.nl/gdata/eps/eps_ijsgroei_06240.png ">Ijsgroei west</option>
  9. <option value="http://www.winterplaza.nl/gdata/eps/eps_kans_tn0tx0_06240.png">Vorstkans west</option>
  10. <option value="http://www.winterplaza.nl/gdata/eps/eps_sneeuwkans_06240.png">Sneeuwkans west</option>
  11. <option value="http://www.winterplaza.nl/gdata/eps/eps_hellmann.png">Hellmann west</option>
  12. <option value="http://www.winterplaza.nl/gdata/eps/eps_ijsgroei_06235.png">Ijsgroei noordwest</option>
  13. <option value="http://www.winterplaza.nl/gdata/eps/eps_kans_tn0tx0_06235.png ">Vorstkans noordwest</option>
  14. <option value="http://www.winterplaza.nl/gdata/eps/eps_sneeuwkans_06235.png ">Sneeuwkans noordwest</option>
  15. <option value="http://www.winterplaza.nl/gdata/eps/eps_hellmann.png">Hellmann noordwest</option>
  16. <option value="http://www.winterplaza.nl/gdata/eps/eps_ijsgroei_06270.png">Ijsgroei noord</option>
  17. <option value="http://www.winterplaza.nl/gdata/eps/eps_kans_tn0tx0_06270.png">Vorstkans noord</option>
  18. <option value="http://www.winterplaza.nl/gdata/eps/eps_sneeuwkans_06270.png ">Sneeuwkans noord</option>
  19. <option value="http://www.winterplaza.nl/gdata/eps/eps_hellmann.png ">Hellmann noord</option>
  20. <option value="http://www.winterplaza.nl/gdata/eps/eps_ijsgroei_06280.png">Ijgroei noordoost</option>
  21. <option value="http://www.winterplaza.nl/gdata/eps/eps_kans_tn0tx0_06280.png">Vorstkans noordoost</option>
  22. <option value="http://www.winterplaza.nl/gdata/eps/eps_sneeuwkans_06280.png">Sneeuwkans noordoost</option>
  23. <option value="http://www.winterplaza.nl/gdata/eps/eps_hellmann.png ">Hellmann noordoost</option>
  24. <option value="http://www.winterplaza.nl/gdata/eps/eps_ijsgroei_06290.png ">Ijsgroei oost</option>
  25. <option value="http://www.winterplaza.nl/gdata/eps/eps_kans_tn0tx0_06290.png">Vorstkans oost</option>
  26. <option value="http://www.winterplaza.nl/gdata/eps/eps_sneeuwkans_06290.png">Sneeuwkans oost</option>
  27. <option value="http://www.winterplaza.nl/gdata/eps/eps_hellmann.png">Hellmann oost</option>
  28. <option value="http://www.winterplaza.nl/gdata/eps/eps_ijsgroei_06380.png ">Ijsgroei zuidoost</option>
  29. <option value="http://www.winterplaza.nl/gdata/eps/eps_kans_tn0tx0_06380.png ">Vorstkans zuidoost</option>
  30. <option value="http://www.winterplaza.nl/gdata/eps/eps_sneeuwkans_06380.png">Sneeuwkans zuidoost</option>
  31. <option value="http://www.winterplaza.nl/gdata/eps/eps_hellmann.png">Hellmann zuidoost</option>
  32. <option value="http://www.winterplaza.nl/gdata/eps/eps_ijsgroei_06350.png ">Ijsgroei zuid</option>
  33. <option value="http://www.winterplaza.nl/gdata/eps/eps_kans_tn0tx0_06350.png">Vorstkans zuid</option>
  34. <option value="http://www.winterplaza.nl/gdata/eps/eps_sneeuwkans_06350.png">Sneeuwkans zuid</option>
  35. <option value="http://www.winterplaza.nl/gdata/eps/eps_hellmann.png">Hellmann zuid</option>
  36. <option value="http://www.winterplaza.nl/gdata/eps/eps_ijsgroei_06310.png">Ijsgroei zuidwest</option>
  37. <option value="http://www.winterplaza.nl/gdata/eps/eps_kans_tn0tx0_06310.png ">Vorstkans zuidwest</option>
  38. <option value="http://www.winterplaza.nl/gdata/eps/eps_sneeuwkans_06310.png ">Sneeuwkans zuidwest</option>
  39. <option value="http://www.winterplaza.nl/gdata/eps/eps_hellmann.png ">Hellmann zuidwest</option>
  40. </select></span></td>
  41. </tr>
  42. <tr>
  43. <td class="c4" align="center" width="1" height="1">
  44. <p class="c3"><img src="http://www.winterplaza.nl/gdata/eps/eps_ijsgroei_06260.png" name="show" height="615" title="Buienradars" alt="" id="show"></p>
  45. </td>
  46. </tr>
  47. <tr>
  48. <td class="c2" align="center"><span class="c1"><input type="button" onclick="first();" value="|&lt;&lt;" title="Begin"> <input type="button" onclick="previous();" value="&lt;&lt;" title="Vorige"> <input type="button" name="slidebutton" onclick="ap(this.value);" value="Start" title="Afspelen"> <input type="button" onclick="next();" value="&gt;&gt;" title="Volgende"> <input type="button" onclick="last();" value="&gt;&gt;|" title="Einde"></span></td>
  49. </tr>
  50. </table>
Offline wiecher - 20/11/2014 09:35
Avatar van wiecher Nieuw lid Dank je Wijnand maar ik bedoel ook het start en andere knoppen.

http://www.plaa...354658.jpg
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.199s