SlideShow en boucle qui sature

Question

guigui69

9 Mar 2015 à 15:18

Bonjour à tous,

Je dispose d'un pc qui affiche en continu des informations sur un écran TV.

Les informations indiqué sont des image en boucle.

Le probleme c'est au bout d'un moment le pc sature (utilisation de mémoire du pc au départ 150 Mo au bout de 3 jours 1500Mo)

On dirait qu'il ne "vide" pas la partie des images qui défile.


<?php
session_start();
$contenu_fichier = file_get_contents('config.cfg');
$joueurs = explode("\n", $contenu_fichier);
foreach ($joueurs as $joueur)
   {
    $list = explode(';', $joueur);
   $_SESSION[$list[0]] = $list[1];
 
			  // echo $_SESSION[$list[0]];
   }
 
// echo "<pre>";
// print_r($_SESSION);
// echo "</pre>";
?>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html lang="fr">
<head>
<title>Titre de la page</title>
 
<link rel="shortcut icon" type="image/x-icon" href="./?getimg=favicon" /> 
 
</head>
<body>
 
<div id="affichage_agenda" class="cacher" ></div>
<div id="affichage_vo" class="cacher" ></div>
 
</body>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>  
<script type="text/javascript"> 
var divs = ['affichage_agenda', 'affichage_vo'];
var currentDiv = null;
 
var afficherDiv = function(div) {
$('.cacher').css('display', 'none');
$('.cacher').html('');
 
//alert("affichagediv>>>" + div);
        if (div == "affichage_agenda")
  {
  //alert("ok"+$("#id_societe").val());
   $.ajax({
   type: "POST",
   url: "./agenda.php",
   data: "idauteur="+$("#societe_icardms").val()+"&idauteur2="+$("#atelier_icardms").val(),
   success: function(html){
    $("#affichage_agenda").html(html);
	$('#affichage_agenda').css('display', '');
  }
});
  }
  else if(div == "affichage_vo")
  {
  //alert("ok"+$("#id_societe").val());
   $.ajax({
   type: "POST",
   url: "./affichagev2.php",
   data: "idauteur="+$("#societe_planetvo").val(),
   success: function(html){
    $("#affichage_vo").html(html);
		$('#affichage_vo').css('display', '');
  }
});
  }
  else
  {
  alert('error');
}
}
var alternerDiv = function() {
        //la div courante est elle dans la liste ? (cas de l'initialisation ou currentDiv = null)
		//alert(divs.indexOf(currentDiv));
        if(divs.indexOf(currentDiv) > -1) {
	//	alert("1");
                // Si la div courante est la dernière du tableau
                if(divs.indexOf(currentDiv)+1 == divs.length) {
				//alert("11");
                        //On affiche la première div de la liste
                        afficherDiv(divs[0]);
                        //On change la div courante
                        currentDiv = divs[0];
                }
                else {
			//	alert("12");
			//	alert(divs.indexOf(currentDiv));
                        afficherDiv(divs[divs.indexOf(currentDiv)+1]);
                        currentDiv = divs[divs.indexOf(currentDiv)+1];
                }
        }
        else {
	//	alert("2");
                //On affiche la première div de la liste
                afficherDiv(divs[0]);
                //On change la div courante
                currentDiv = divs[0];
        }
//alert(">>>>>"+ currentDiv);
        //Prochain changement de div dans 2s
        setTimeout(alternerDiv,60000);
}
 
//Premier changement de div
setTimeout(alternerDiv,60000);
</script> 
</html>


 
<?php
header('Content-Type: text/html; charset=ISO-8859-15'); 
mysql_connect($server,$user,$pass) or die('erreur de connexion');
mysql_select_db($db) or die ('impossible de se connecter a la base');
 
 
$query = mysql_query("SELECT  * FROM `table 1` WHERE Photos <>'' AND CodePvo='kkk' ORDER BY RAND() LIMIT 1");
 
$query2 = mysql_fetch_array($query);
 
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html lang="fr">
<head>
<title>Titre de la page</title>
<link href="css/sitev2.css" rel="stylesheet" media="all" type="text/css" /> 
<META HTTP-EQUIV="Refresh" CONTENT="35"> 
</head>
<html><body  >
<div id="haut">
<span style="font-size: 70px; font: bold;"></span><br/>
</div>
<img src="img/logo+marque.png" alt="logo" id="logo"/>
<div id="corp">
</div>
<br/>
<div id="conteneur">
 
 
 
 
 <?php
//ensuite pour parcourir ton tableau :
 
$tab_string = explode("|", $query2["Photos"]);
 
//ensuite pour parcourir ton tableau :
 
echo '<script type="text/javascript">
function randomImg(){
   var tabImg = new Array();';
 
 
for($i = 0; $i <count($tab_string); $i++){
echo 'tabImg['.$i.']  = "'.$tab_string[$i].'";';
 
//echo '<img src="photos/'.$tab_string[$i].'" alt="img" style="width:25%;" />';
}
   echo "document.getElementById('image').src += tabImg[Math.round(Math.random()*4)];
}
</script>";
 
 $tab_string2 = explode("|", $query2["Photos"]);
 
//ensuite pour parcourir ton tableau :
 
 
echo '<div id="image">
<div class="slideshow"><ul>';
 
for($i = 0; $i <count($tab_string2); $i++){
echo '<li><img src="photos/'.$tab_string2[$i].'" alt=""  class="coin" width="800" height="600"/></li>';
 
 
}
echo '</ul></div></div> ';
 
 
 
   //<img src="photos/" id="image" style="width:25%" class="coin"/>
echo '<table id="enteteagenda">
<tr >
<td>'.$query2["Marque"].'</td>
<td style="text-align:right;"> <span class="bleu"></span></td>
</tr>';
 echo '<tr colspan="2"><td>'.$query2["Modele"].''.$query2["Version"].'</td></tr>';  
//echo ' <table id="tableagenda"  cellspacing="0" cellpadding="0" border="0">';
 
echo '	
 
 
 
		</table>';
///
 
 
echo '<table id="tableagenda2"><tr><th colspan="2"></th></tr>';
$nbCols = 2; // nombre de colonnes du tableau
$cpt = 0; // compteur d'éléments
$tab_string = explode("|", $query2["EquipementsSerieEtOption"]);
for($i = 0; $i <12; $i++){
    if ($cpt%$nbCols==0) // on divise le nb d'élément par le nb de colonnes. Si le reste est de 0 ...
        echo '<tr>'; // ..., alors on est sur le premier élément d'une ligne
 
 
    // On place chaque élément dans une cellule du tableau
    echo '<td>';
    echo $tab_string[$i]; // affichage de tout ce qu'on veut dans la cellule
    echo '</td>';
 
 
    // fin d'une ligne
    if ($cpt%$nbCols==($nbCols-1)) // on divise le nb d'élément par le nb de colonnes. Si le reste est de ($nbCols-1) ...
        echo '</tr>'; // ..., on est sur le dernier élément d'une ligne
 
    $cpt++; // on incrémente le compteur pour savoir où on en est
 
}
 
if ($cpt!=0 && $cpt%$nbCols!=0) { // S'il n'y a pas eu assez de cellules dans la boucle pour finir la ligne ...
    echo '<td colspan="'.($nbCols - ($cpt%$nbCols) ).'">&nbsp;</td>'; // ... on complète avec une cellule vide de la bonne taille...
    echo '</tr>'; // ... et on ferme la ligne
}
 
echo '</table>';
 
 
 
 
 
		?>
 
 
   </div>
<div id="footer"></div>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>  
 
    <script type="text/javascript">  
      $(function(){
   setInterval(function(){
      $(".slideshow ul").animate({marginLeft:-350},1200,function(){
         $(this).css({marginLeft:0}).find("li:last").after($(this).find("li:first"));
      })
   }, 6000);
});
    </script> 
</body>
</html>

Quel erreur est-ce commis ?

Merci d'avance pour vos explications

guigui69

Sujet clos

JavaScript, DOM et API Web HTML5

SlideShow en boucle qui sature