PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
C

foto's stoppen met veranderen na RotateSlideshow3()

Door Christophe Rogiers op 24-04-2012 00:13 gewijzigd op 24-04-2012 13:22
1.526 views
Voorbeeld: http://dendermonderockt.be/

Code:

<meta property="og:title" content="Dendermonde Rockt vzw - R.I.P." /> 
<meta property="og:description" content="1995 - 2012. Bedankt iedereen !!!" /> 
<meta property="og:image" content="http://www.dendermonderockt.be/img/bg400.jpg" />
<meta http-equiv="refresh" content=178>

<embed src='music/rip.mp3' hidden='true' autostart='true' loop='true' type='audio/mpeg' />

<script type="text/javascript">
function RotateSlideshow1()
{
	document.getElementById("slideshow1").setAttribute("src", "<?php $_GET['type']=0; include 'randim.php'; ?>");
	setTimeout('RotateSlideshow2()', 4000);
}

function RotateSlideshow2()
{
	document.getElementById("slideshow2").setAttribute("src", "<?php $_GET['type']=0; include 'randim.php'; ?>");
	setTimeout('RotateSlideshow3()', 4000);
}


function RotateSlideshow3()
{
	document.getElementById("slideshow3").setAttribute("src",  "<?php $_GET['type']=0; include 'randim.php'; ?>");
	 setTimeout('RotateSlideshow1()', 4000);	
}

window.onload=function()
{
 setTimeout('RotateSlideshow1()', 4000);	
}

</script>

<title>Dendermonde Rockt vzw /  RIP 1995 - 2012 / Bedankt iedereen !!!</title>

<body bgcolor="black">

<table align="center" width="1200px">
	<tr><td align="center" valign="middle" colspan="3"><img src="img//bg400.jpg">
	<tr>
		<td align="center" valign="top" height="400px" width="400px">
			<img id="slideshow1" src="<?php $_GET['type']=0; include 'randim.php'; ?>">
		<td align="center" valign="top" height="400px" width="400px">
			<img id="slideshow2" src="<?php $_GET['type']=0; include 'randim.php'; ?>">
		<td align="center" valign="top" height="400px" width="400px">
			<img id="slideshow3" src="<?php $_GET['type']=0; include 'randim.php'; ?>">

</table>


Iemand een idee?
R
Rolf -
24-04-2012 10:01 gewijzigd op 24-04-2012 10:02
Zet eerst alles eens tussen [c ode ] [/ code ] tags (zonder spaties).
Daarnaast zit de echte slideshow in een functie. Dus waarschijnlijk moet je die functies ook posten.
Kris Peeters
24-04-2012 12:28 gewijzigd op 24-04-2012 12:39
Wil je verder even uitleggen wat je vraag precies is?

[offtopic]
... En stopt Dendermonde Rockt, of zo?
[/offtopic]

C
Christophe Rogiers
25-04-2012 20:33
Het probleem is dat de slideshow stopt na 4 fotorefreshes... Dus na RotateSlideshow3 houdt het op.

randim.php geeft mij gewoon een foto uit een map door... hier ligt het probleem niet.

@Kris: jup ze zijn begin dit jaar gestopt.

Kris Peeters
26-04-2012 12:09 gewijzigd op 26-04-2012 12:15
Om te beginnen ... Je sluit je html tags niet af. Het is echt wel de bedoeling dat je dit doet.

---

Ik denk dat je met deze code hebt wat je nodig hebt.


<!doctype html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta property="og:title" content="Dendermonde Rockt vzw - R.I.P." /> 
    <meta property="og:description" content="1995 - 2012. Bedankt iedereen !!!" /> 
    <meta property="og:image" content="http://www.dendermonderockt.be/img/bg400.jpg" />
    <title>Dendermonde Rockt vzw /  RIP 1995 - 2012 / Bedankt iedereen !!!</title>
    <style>
      body {
        background-color: black;
      }
    </style>
    <script>
      var rotate_index = 1;
      function rotate() {
        var d = new Date();
        var elm = 'slideshow' + rotate_index.toString();
        var url = "http://dendermonderockt.be/randim.php?d=" + d.getTime();
        document.getElementById(elm).src = url;
        rotate_index++;
        if (rotate_index > 3) {
          rotate_index = 1;
        }
        setTimeout(rotate, 4000);
      }
      setTimeout(rotate, 4000);
    </script>
  </head>
  <body>
    <table align="center" width="1200px">
      <tr><td align="center" valign="middle" colspan="3"><img src="http://dendermonderockt.be/img//bg400.jpg"></tr>
      <tr>
        <td align="center" valign="top" height="400px" width="400px">
          <img id="slideshow1" src="http://dendermonderockt.be/randim.php?d=1">
        </td>
        <td align="center" valign="top" height="400px" width="400px">
          <img id="slideshow2" src="http://dendermonderockt.be/randim.php?d=2">
        </td>
        <td align="center" valign="top" height="400px" width="400px">
          <img id="slideshow3" src="http://dendermonderockt.be/randim.php?d=3">
        </td>
      </tr>
    </table>
  </body>
</html>


Een beetje uitleg ...

Ik voeg overal een extra parameter toe: randim.php?d=...
als je van url verandert, zoekt de webbrowser niet in de cache.
Een simpel truukje is dan ook om de tijd mee te geven, als dummy variabele. Dat is sowieso uniek, voor de gebruiker.

Reageren

Inloggen om te reageren