login  Naam:   Wachtwoord: 
Registreer je!
 Forum

2 scripts mengen

Offline Malus - 06/06/2005 01:27 (laatste wijziging 07/06/2005 00:11)
Avatar van MalusLid Hallo,
Ik kan nog nix van Java en daarom moet ik het doen met scripts die door andere mensen zijn gemaakt en daarom heb ik nooit echt precies wat ik wil.
Ik heb 2 scripts die allebij een diashow afspelen.
De een is met beschrijving en kan ik ook makkelijk zo bewerken dat ik de plaatjes uit een mysql table kan halen.
De ander geeft een "flash" effect als hij van plaatje verwisseld.

Hier staat het script dat ik makkelijk kan bewerken en dat een beschrijving bij het plaatje geeft:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <p align="center"><input type="button" id="btnPrev" value="<< Previous" onclick="Prev();"> <input type="button" id="bntPlay" value="Play - Stop" onclick="Play()"> <input type="button" id="btnNext" value=" Next >> " onclick="Next();"></p>
  2.  
  3. <p align="center"><img id="_Ath_Slide" onload="OnImgLoad()"> </p>
  4.  
  5. <p align="center"><b></b> <SPAN id="_Ath_FileName"> </SPAN> <br>
  6. <b>foto&nbsp;<SPAN id="_Ath_Img_X"></SPAN>&nbsp;van&nbsp;de&nbsp;<SPAN id="_Ath_Img_N"></SPAN></b></p>
  7.  
  8. <p align="center">
  9.  
  10. <script language="JavaScript1.2">
  11.  
  12. /*
  13. Interactive Image slideshow with text description
  14. By Christian Carlessi Salvadó (cocolinks@c.net.gt). Keep this notice intact.
  15. Visit http://www.dynamicdrive.com for script
  16. */
  17.  
  18.  
  19. g_fPlayMode = 0;
  20. g_iimg = -1;
  21. g_imax = 0;
  22. g_ImageTable = new Array();
  23.  
  24. function ChangeImage(fFwd)
  25. {
  26. if (fFwd)
  27. {
  28. if (++g_iimg==g_imax)
  29. g_iimg=0;
  30. }
  31. else
  32. {
  33. if (g_iimg==0)
  34. g_iimg=g_imax;
  35. g_iimg--;
  36. }
  37. Update();
  38. }
  39.  
  40. function getobject(obj){
  41. if (document.getElementById)
  42. return document.getElementById(obj)
  43. else if (document.all)
  44. return document.all[obj]
  45. }
  46.  
  47. function Update(){
  48. getobject("_Ath_Slide").src = g_ImageTable[g_iimg][0];
  49. getobject("_Ath_FileName").innerHTML = g_ImageTable[g_iimg][1];
  50. getobject("_Ath_Img_X").innerHTML = g_iimg + 1;
  51. getobject("_Ath_Img_N").innerHTML = g_imax;
  52. }
  53.  
  54.  
  55. function Play()
  56. {
  57. g_fPlayMode = !g_fPlayMode;
  58. if (g_fPlayMode)
  59. {
  60. getobject("btnPrev").disabled = getobject("btnNext").disabled = true;
  61. Next();
  62. }
  63. else 
  64. {
  65. getobject("btnPrev").disabled = getobject("btnNext").disabled = false;
  66.  
  67. }
  68. }
  69. function OnImgLoad()
  70. {
  71. if (g_fPlayMode)
  72. window.setTimeout("Tick()", g_dwTimeOutSec*1000);
  73. }
  74. function Tick() 
  75. {
  76. if (g_fPlayMode)
  77. Next();
  78. }
  79. function Prev()
  80. {
  81. ChangeImage(false);
  82. }
  83. function Next()
  84. {
  85. ChangeImage(true);
  86. }
  87.  
  88.  
  89. ////configure below variables/////////////////////////////
  90.  
  91. //configure the below images and description to your own. 
  92. g_ImageTable[g_imax++] = new Array ("foto1.jpg", "beschrijving1");
  93. g_ImageTable[g_imax++] = new Array ("foto2.jpg", "beschrijving2");
  94. g_ImageTable[g_imax++] = new Array ("foto3.jpg", "beschrijving3");
  95. g_ImageTable[g_imax++] = new Array ("foto4.jpg", "beschrijving4");
  96. g_ImageTable[g_imax++] = new Array ("foto5.jpg", "beschrijving5");
  97. //extend the above list as desired
  98. g_dwTimeOutSec=2
  99.  
  100. ////End configuration/////////////////////////////
  101.  
  102. if (document.getElementById||document.all)
  103. window.onload=Play
  104.  
  105. </script>
  106. </p>
  107.  
  108. <p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
  109. <a href="http://dynamicdrive.com">Dynamic Drive</a></font></p>
  110. <p align="center"><font face="Arial" size="-2">
  111. </font></p>

En dit is het script dat het "flash" effect geeft (het komt van leejoo.nl):

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <head>
  2. <script language="JavaScript1.1">
  3. //voorladen van de plaatjes
  4. var foto1=new Image()
  5. foto1.src="foto1.jpg"// foto 1
  6. var foto2=new Image()
  7. foto2.src="foto2.jpg"// foto 2
  8. var foto3=new Image()
  9. foto3.src="foto3.jpg"// foto 3
  10. var foto4=new Image()
  11. foto4.src="foto4.jpg"// foto 4
  12. var foto5=new Image()
  13. foto5.src="foto5.jpg"// foto 5
  14. </script>
  15. </head>
  16. <body onLoad="overvloeier()">
  17. <a href="javascript:overgang()"><img src="foto1.jpg" name="slide" border=0 style="filter:blendTrans(duration=3)"></a>
  18. </center>
  19. <script>
  20. var stap=1
  21. var beeldnr=1
  22. function overvloeier(){
  23. if (!document.images)
  24. return
  25. if (document.all)
  26. slide.filters.blendTrans.apply()
  27. document.images.slide.src=eval("foto"+stap+".src")
  28. if (document.all)
  29. slide.filters.blendTrans.play()
  30. beeldnr=stap
  31. if (stap<5)// aanpassen aan aantal plaatjes
  32. stap++
  33. else
  34. stap=1
  35. setTimeout("overvloeier()",4000)// de tijd tussen twee plaatjes in milliseconden
  36. }
  37. function overgang(){
  38. if (beeldnr==1)
  39. window.location="http://www.leejoo.nl"
  40. else if (beeldnr==2)
  41. window.location="http://www.leejoo.nl"
  42. else if (beeldnr==3)
  43. window.location="http://www.leejoo.nl" 
  44. else if (beeldnr==4)
  45. window.location="http://www.leejoo.nl"
  46. else if (beeldnr==5)
  47. window.location="http://www.leejoo.nl" // bij meer foto's gewoon doornummeren
  48. }
  49. </script>
  50. </body>


Omdat ik eerst niet werd geholpen heb ik nu al best lang naar het script zitten staren...
Ik ben er nu achter gekomen dat
style="filter:blendTrans(duration=3)" (regel 17 2e script)
het effect is en dat
slide.filters.blendTrans.apply() (regel 26 2e script)
en/of
slide.filters.blendTrans.play() (regel 29 2e script)
het effect activeren op de momenten wanneer het nodig is.
(ik weet het niet zeker, ik "spreek" geen woord javascript:p)

Maar ik heb geen iedee waar die stukken script in het eertse script moeten komen om het effect ook in dat script te laten werken.

Dus zou iemand het op de juiste plaatsen willen stoppen?:)

Greetz

3 antwoorden

Gesponsorde links
Offline Malus - 07/06/2005 01:21
Avatar van Malus Lid Help is?:)
ik heb de vraag een beetje veranderd, meschien is het nu makkelijker te beantwoorden:)
Offline Malus - 08/06/2005 03:01
Avatar van Malus Lid Weet iemand nog een site waar ze me wel willen helpen?

Of een site met een script dat:
Een diashow geeft uit een rij foto's maakt nie uit hoelang.
Een beschrijving bij elke foto
Een leuk effect bij het naar de volgende foto gaan.
Offline vinTage - 08/06/2005 07:55
Avatar van vinTage Nieuw lid moer dat persee java zijn, ik heb er een gemaakt in flash en xlm, neem ff een kijkje 
http://www.site...amp;id=651 in het laatste bericht heb ik een download linkje
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.221s