Forum d'entraide PHPFrance

Venez poser vos questions PHP, MySQL, HTML5, CSS, Javascript, Gestion de serveurs à la communauté PHPfrance
https://forum.phpfrance.com/

[RESOLU] Problème slider

https://forum.phpfrance.com/viewtopic.php?f=8&t=271629

Page 1 sur 1

Problème slider

Posté : 21 juil. 2014, 19:05
par snovop
Bonjour,
Je met en placer un slider horizontale ...
Le souci et qu'il s'affiche en verticale :(

voila le code :
<?php 
require('auth.php');
require_once ('cnx.php');
require ('cfg.php');
require('setting.php');
require ('function.php');
$token = $_GET['token'];
$email = $_GET['email'];



if(!empty($_GET)){
    $q = array('email'=>$email,'token'=>$token);
    $sql = 'SELECT email,token FROM users WHERE email = :email AND token = :token';
    $req = $cnx->prepare($sql);
    $req->execute($q);
    $count = $req->rowCount($sql);
    if($count == 1){
        $v = array('email'=>$email,'activer'=>'1');
        //Verfier si l'utilisateur est actif
        $sql = 'SELECT email,activer FROM users WHERE email = :email AND activer = :activer';
        $req = $cnx->prepare($sql);
        $req->execute($v);
        $dejactif = $req->rowCount($sql);
        if($dejactif == 1){
            $error = '<div align="center" class="alert alert-error" style="width:974px;height:25px;margin: 0 auto;">Votre compte déjà actif !<div>';
        }else{
            //Sinon on active l'utilisateur
		$u = array('email'=>$email,'activer'=>'1');
		$sql = 'UPDATE users SET activer = :activer WHERE email = :email';
		$req = $cnx->prepare($sql);
		$req->execute($u);
			//Envoyer un mail pour dire que le compte est activé:
	    $to = $email;
	    $sujet = 'Compte actif';
	    $body = 'Bonjour,<br>
		Ce mail vous informe que votre compte est désormais actif :) <br>
		A bientôt,<br>
		L\'équipe de <a href="'.$urlsite.'">'.$domain .'</a><br>
		Email: '.$compte_email.' <br>
		Skype: '.$skype.' <br>';
		
	    $entete = "MIME-Version: 1.0 \n";
		$entete .= "Content-type: text/html; charset=utf-8 \n";
		$entete .= "From: ".$domain ." <".$compte_email."> \n";
	    $entete .="Content-Transfer-Encoding: 8bit \n";
	    @mail($to,$sujet,$body,$entete);
			
        $succes = '<div class="alert alert-success">
        <button type="button" class="close" data-dismiss="alert">×</button>
        <strong>Succès:</strong>  Félicitaion, votre compte est désormais actif !</div>';
			
        }
    }else{
        //Utilisateur inconnu
		
        $error = '<div class="alert alert-error">
        <button type="button" class="close" data-dismiss="alert">×</button>
        <strong>Erreur:</strong> Activation impossible !
    </div>
		';
		
   		}
	}
?>

<!DOCTYPE html>
<html lang="fr">
<head>
<style type="text/css">

.slider1 { height:120px; width:500px; display:block; overflow:auto; }
.sliderul { width: 9999px; }
.sliderli { float:left; height:98px; width:98px; display:block; list-style:none; border:1px solid #aaa;}
</style>

<meta charset="utf-8">
<title><?= $title_accueil ;?></title>
 
<?php include 'head2.php'; ?>
  <body class=""> 
  <!--<![endif]-->  
<?php include 'navbar.php'; ?>
	<!-- Gauche-->
<?php include 'slidebar.php'; ?>

<div class="content">
      <div class="header">
            <div class="stats">
			<p class="stat"><span class="number"><?php  $result1=$cnx->query("select count(dateadded) from files where (dateadded = DATE_ADD(CURDATE(), INTERVAL -1 DAY)) "); $num_rows=$result1->fetchColumn(); echo $num_rows; ?></span>Hier</p>
			<p class="stat"><span class="number"><?php $result2=$cnx->query("select count(dateadded) from files where to_days(now(dateadded)) - to_days(dateadded)<= 0 "); $num_rows=$result2->fetchColumn(); echo $num_rows; ?></span>Aujoud'hui</p>
			<p class="stat"><span class="number"><?php $result3=$cnx->query("SELECT COUNT(*) FROM files WHERE status= '1' "); $num_rows=$result3->fetchColumn(); echo $num_rows; ?></span>Liens</p>

</div>

			<h1 class="page-title">Bienvenue sur <?= $domain; ?> !</h1>
        </div>
        
                <ul class="breadcrumb">
            <li><a href="index.html">Accueil</a> <span class="divider">/</span></li>
            <li class="active">Bienvenue <?php if(isset($_SESSION['rang2'])){ echo $_SESSION['rang2'];}else{echo 'Visiteur';} ?> </li>
        </ul>

        <div class="container-fluid">
            <div class="row-fluid">
                    

<p class="block-heading">&nbsp;&nbsp;<i class="icon-filter"></i> Filtrer par catégories<span class="block-icon pull-left">
                <a href="#" id="open_cat" class="demo-cancel-click" rel="tooltip" data-original-title="Ouvrir"><i id="icon_down" class="icon-circle-arrow-down"></i></a>
                
                <a href="#" id="close_cat" class="demo-cancel-click" rel="tooltip" data-original-title="Fermer"><i style="display:none;" id="icon_up" class="icon-circle-arrow-up"></i></a>
            </span></p>
	<div id="blok_cat" style="display:none;" class="block-body"><?php
    $resultats=$cnx->query("SELECT * FROM categories ORDER BY name ASC");
$resultats->setFetchMode(PDO::FETCH_OBJ);
while( $ligne = $resultats->fetch() ) 
{ ?>
<span class="label label-warning"><a href="<?= $urlsite; ?>/categorie.html?c=<?= $ligne->catid; ?>"><span style="color:#333;"><?= $ligne->name; ?></span></a></span>
<?php }
$resultats->closeCursor();
?>
</div>             

<div class="row-fluid">
<?php if(isset($error)){ echo $error; } ?><?php if(isset($succes )){ echo $succes ; } ?>
</div>
<div class="row-fluid">
    <div class="block span6">
		<p class="block-heading" ><i class="icon-film"></i> Les Derniers Films  Ajoutés<a href="film.html" title="Plus..."><span class="icon-plus-sign" style="float:right; margin-right:5px; margin-top:5px;margin-top: -48px;"></span></a></p>
        <div class="block-body">
    <table class="table">
    
    <tbody style="font-size: 13px;font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif">
    <?php
    $resultats=$cnx->query("SELECT * FROM files WHERE category NOT IN('25','26') && status = '1' ORDER BY fileid DESC LIMIT 20");
    $resultats->setFetchMode(PDO::FETCH_OBJ);
    while( $ligne = $resultats->fetch() ) 
    { 
	$lang = $ligne->lang;
	$qualite = $ligne->qualite;
	$title = $ligne->title;
	$acteur = $ligne->acteurs;	
	$categorie = $ligne->category;	
	$syno = $ligne->description;
	$icon = $ligne->icon;
	$Idfilm = $ligne->fileid;
	$filetype = $ligne->filetype;
	
// Nettoyage de la variable $titre pour l'url
	$titre = $ligne->title;
	$titre = htmlentities($titre, ENT_NOQUOTES, 'UTF-8');
	$titre = preg_replace('`&([a-z]{1,2})(acute|uml|circ|grave|ring|cedil|slash|tilde|caron|lig);`i', '$1', $titre);
	$titre = strip_tags($titre);
	$titre = preg_replace("/[^A-Za-z0-9]+/", "-", $titre);
	$titre = trim($titre, "-");
	$titre = substr($titre, 0, 50);
	$titre = strtolower($titre);
	require 'info_film.php';
	
		 ?>   

	<div class="slider1" id="slider">
    <ul class="sliderul">

        <li class="sliderli" ><img src='<?= $icon; ?>' style='width:90px;height:120px;float:left;position:relative;margin-right:5px;'></li>
    </ul >
</div>
	 
<script language="javascript"> 		 
		 $(document).ready(function() {
    $('slider').mousewheel(function(event, delta) {
      this.scrollLeft -= (delta * 30);
      event.preventDefault();
    });
});
</script>
    <?php }
    $resultats->closeCursor();
    ?>  
    </tbody>
    </table>

        </div>
    </div>
    <div class="block span6">
		<p class="block-heading"><i class="icon-film"></i> Les Dernières Séries Ajoutées <a href="serie.html" title="Plus..."><span class="icon-plus-sign" style="float:right; margin-right:5px; margin-top:5px;margin-top: -48px;"></span></a></p>
        <div id="" class="block-body ">
    <table class="table">
    
    <tbody style="font-size: 13px;font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif">
    <?php
    $resultats=$cnx->query("SELECT * FROM files WHERE category = '26' && status = '1' ORDER BY fileid DESC LIMIT 20");
    $resultats->setFetchMode(PDO::FETCH_OBJ);
    while( $ligne = $resultats->fetch() ) 
    { 
	$lang = $ligne->lang;
	$qualite = $ligne->qualite;
	$episode = $ligne->episode;
	$saison = $ligne->saison;
	$title = $ligne->title;
	$acteur = $ligne->acteurs;	
	$categorie = $ligne->category;	
	$syno = $ligne->description;
	$icon = $ligne->icon;
	$Idfilm = $ligne->fileid;
	$filetype = $ligne->filetype;
	
// Nettoyage de la variable $titre pour l'url
	$titre = $ligne->title;
	$titre = htmlentities($titre, ENT_NOQUOTES, 'UTF-8');
	$titre = preg_replace('`&([a-z]{1,2})(acute|uml|circ|grave|ring|cedil|slash|tilde|caron|lig);`i', '$1', $titre);
	$titre = strip_tags($titre);
	$titre = preg_replace("/[^A-Za-z0-9]+/", "-", $titre);
	$titre = trim($titre, "-");
	$titre = substr($titre, 0, 50);
	$titre = strtolower($titre);
	
	require 'info_film.php';
	
		 ?>   
   
   
   
   
    <?php }
    $resultats->closeCursor();
    ?>                
    </tbody>
    </table>
  
        </div>
    </div>
    
    
    
    <div class="block span6">
		<p class="block-heading"><i class="icon-film"></i> Les Derniers Mangas  Ajoutés<a href="manga.html" title="Plus..."><span class="icon-plus-sign" style="float:right; margin-right:5px; margin-top:5px;margin-top: -48px;"></span></a></p>
        <div id="" class="block-body ">
    <table class="table">
    
	
	
    <tbody style="font-size: 13px;font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif">
    <?php
    $resultats=$cnx->query("SELECT * FROM files WHERE category = '25' && status = '1' ORDER BY fileid DESC LIMIT 20");
    $resultats->setFetchMode(PDO::FETCH_OBJ);
    while( $ligne = $resultats->fetch() ) 
    { 
	$lang = $ligne->lang;
	$qualite = $ligne->qualite;
	$episode = $ligne->episode;
	$saison = $ligne->saison;
	$title = $ligne->title;
	$acteur = $ligne->acteurs;	
	$categorie = $ligne->category;	
	$syno = $ligne->description;
	$icon = $ligne->icon;
	$Idfilm = $ligne->fileid;
	$filetype = $ligne->filetype;
	
// Nettoyage de la variable $titre pour l'url
	$titre = $ligne->title;
	$titre = htmlentities($titre, ENT_NOQUOTES, 'UTF-8');
	$titre = preg_replace('`&([a-z]{1,2})(acute|uml|circ|grave|ring|cedil|slash|tilde|caron|lig);`i', '$1', $titre);
	$titre = strip_tags($titre);
	$titre = preg_replace("/[^A-Za-z0-9]+/", "-", $titre);
	$titre = trim($titre, "-");
	$titre = substr($titre, 0, 50);
	$titre = strtolower($titre);
	
	require 'info_film.php';
	
		 ?>   
   
   
   
   
    <?php }
    $resultats->closeCursor();
    ?>                
    </tbody>
    </table>
        </div>
    </div>
    <!-- Les plus vus -->
    <div class="block span6">
		<p class="block-heading" ><i class="icon-film"></i> Les Films  les plus vus<a href="film.html" title="Plus..."><span class="icon-plus-sign" style="float:right; margin-right:5px; margin-top:5px;margin-top: -48px;"></span></a></p>
        <div id="" class="block-body">
    <table class="table">
   
    <tbody style="font-size: 13px;font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif">
    <?php
    $resultats=$cnx->query("SELECT * FROM files WHERE category NOT IN('25','26') && status = '1' ORDER BY timesplayed DESC LIMIT 20");
    $resultats->setFetchMode(PDO::FETCH_OBJ);
    while( $ligne = $resultats->fetch() ) 
    {
	$lang = $ligne->lang;
	$qualite = $ligne->qualite;
	$title = $ligne->title;
	$acteur = $ligne->acteurs;	
	$categorie = $ligne->category;	
	$syno = $ligne->description;
	$icon = $ligne->icon;
	$filetype = $ligne->filetype;
	$Idfilm = $ligne->fileid;
	
// Nettoyage de la variable $titre pour l'url
	$titre = $ligne->title;
	$titre = htmlentities($titre, ENT_NOQUOTES, 'UTF-8');
	$titre = preg_replace('`&([a-z]{1,2})(acute|uml|circ|grave|ring|cedil|slash|tilde|caron|lig);`i', '$1', $titre);
	$titre = strip_tags($titre);
	$titre = preg_replace("/[^A-Za-z0-9]+/", "-", $titre);
	$titre = trim($titre, "-");
	$titre = substr($titre, 0, 50);
	$titre = strtolower($titre);
	require 'info_film.php';
	
		 ?>   
    
	
	
	
    <?php }
    $resultats->closeCursor();
    ?>  
    </tbody>
    </table>
        </div>
    </div>
    <div class="block span6">
		<p class="block-heading"><i class="icon-film"></i> Les Séries  les plus vues<a href="serie.html" title="Plus..."><span class="icon-plus-sign" style="float:right; margin-right:5px; margin-top:5px;margin-top: -48px;"></span></a></p>
        <div id="" class="block-body ">
    <table class="table">
    
	
	
    <tbody style="font-size: 13px;font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif">
    <?php
    $resultats=$cnx->query("SELECT * FROM files WHERE category = '26' && status = '1' ORDER BY timesplayed DESC LIMIT 20");
    $resultats->setFetchMode(PDO::FETCH_OBJ);
    while( $ligne = $resultats->fetch() ) 
    { 
	$lang = $ligne->lang;
	$qualite = $ligne->qualite;
	$episode = $ligne->episode;
	$saison = $ligne->saison;
	$title = $ligne->title;
	$acteur = $ligne->acteurs;	
	$categorie = $ligne->category;	
	$syno = $ligne->description;
	$icon = $ligne->icon;
	$Idfilm = $ligne->fileid;
	$filetype = $ligne->filetype;
	
// Nettoyage de la variable $titre pour l'url
	$titre = $ligne->title;
	$titre = htmlentities($titre, ENT_NOQUOTES, 'UTF-8');
	$titre = preg_replace('`&([a-z]{1,2})(acute|uml|circ|grave|ring|cedil|slash|tilde|caron|lig);`i', '$1', $titre);
	$titre = strip_tags($titre);
	$titre = preg_replace("/[^A-Za-z0-9]+/", "-", $titre);
	$titre = trim($titre, "-");
	$titre = substr($titre, 0, 50);
	$titre = strtolower($titre);
	
	require 'info_film.php';
	
		 ?>   
   
   
   
    <?php }
    $resultats->closeCursor();
    ?>                
    </tbody>
    </table>
        </div>
    </div>
    
    
    <div class="block span6">
		<p class="block-heading"><i class="icon-film"></i> Les Mangas  les plus vus<a href="manga.html"><span class="icon-plus-sign" style="float:right; margin-right:5px; margin-top:5px;margin-top: -48px;"></span></a></p>
        <div id="" class="block-body ">
    <table class="table">
   
    <tbody style="font-size: 13px;font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif">
    <?php
    $resultats=$cnx->query("SELECT * FROM files WHERE category = '25' && status = '1' ORDER BY timesplayed DESC LIMIT 20");
    $resultats->setFetchMode(PDO::FETCH_OBJ);
    while( $ligne = $resultats->fetch() ) 
    { 
	$lang = $ligne->lang;
	$qualite = $ligne->qualite;
	$episode = $ligne->episode;
	$saison = $ligne->saison;
	$title = $ligne->title;
	$acteur = $ligne->acteurs;	
	$categorie = $ligne->category;	
	$syno = $ligne->description;
	$icon = $ligne->icon;
	$Idfilm = $ligne->fileid;
	$filetype = $ligne->filetype;
	
// Nettoyage de la variable $titre pour l'url
	$titre = $ligne->title;
	$titre = htmlentities($titre, ENT_NOQUOTES, 'UTF-8');
	$titre = preg_replace('`&([a-z]{1,2})(acute|uml|circ|grave|ring|cedil|slash|tilde|caron|lig);`i', '$1', $titre);
	$titre = strip_tags($titre);
	$titre = preg_replace("/[^A-Za-z0-9]+/", "-", $titre);
	$titre = trim($titre, "-");
	$titre = substr($titre, 0, 50);
	$titre = strtolower($titre);
	
	require 'info_film.php';
	
		 ?>   
  
  
    <?php }
    $resultats->closeCursor();
    ?>                
    </tbody>
    </table>
        </div>
    </div>
<a href="#" style="float: right; line-height: 1.25em; display: inline-block; padding: .75em 0em;"><i class="icon-circle-arrow-up"></i> Top</a>
</div>
<?php include 'footer.php'; ?>
</html>
Pourriez-vous m'aider?

Re: Problème slider

Posté : 21 juil. 2014, 19:30
par xTG
Bon déjà pas très judicieux de nous fournir tout ce code inutile à mâchonner... On est pas des poneys !
La partie utile aurait été amplement suffisante et appréciée plutôt que de devoir lire ce pavé. ;)

Pour ton souci c'est en raison de la boucle.
Tu ne créés pas un slider mais X sliders.

Ce qu'il ne faut pas faire : 
while(...)
{
    echo "<div>";
    echo "contenu";
    echo "</div>"
}
Ce qu'il faut faire : 
echo "<div>";
while(...)
{
    echo "contenu";
}
echo "</div>";

Re: Problème slider

Posté : 21 juil. 2014, 23:35
par snovop
Merci,
désolé pour la lecture :s

Sa fonctionne, seulement la première image est environ 3 à 4px plus haute que les autres ....

Code : Tout sélectionner

<!DOCTYPE html> <html lang="fr"> <head> <style type="text/css"> .slider1 { height:150px; width:100%; display:block; overflow:auto;margin-top:-15px; } .sliderul { width: 99999999px; } .sliderli { float:left; height:98px; width:98px; display:block; list-style:none; border:1px solid #aaa;} </style> <meta charset="utf-8"> <title><?= $title_accueil ;?></title> <?php include 'head2.php'; ?> <body class=""> <!--<![endif]--> <?php include 'navbar.php'; ?> <!-- Gauche--> <?php include 'slidebar.php'; ?> <div class="content"> <div class="header"> <div class="stats"> <p class="stat"><span class="number"><?php $result1=$cnx->query("select count(dateadded) from files where (dateadded = DATE_ADD(CURDATE(), INTERVAL -1 DAY)) "); $num_rows=$result1->fetchColumn(); echo $num_rows; ?></span>Hier</p> <p class="stat"><span class="number"><?php $result2=$cnx->query("select count(dateadded) from files where to_days(now(dateadded)) - to_days(dateadded)<= 0 "); $num_rows=$result2->fetchColumn(); echo $num_rows; ?></span>Aujoud'hui</p> <p class="stat"><span class="number"><?php $result3=$cnx->query("SELECT COUNT(*) FROM files WHERE status= '1' "); $num_rows=$result3->fetchColumn(); echo $num_rows; ?></span>Liens</p> </div> <h1 class="page-title">Bienvenue sur <?= $domain; ?> !</h1> </div> <ul class="breadcrumb"> <li><a href="index.html">Accueil</a> <span class="divider">/</span></li> <li class="active">Bienvenue <?php if(isset($_SESSION['rang2'])){ echo $_SESSION['rang2'];}else{echo 'Visiteur';} ?> </li> </ul> <div class="container-fluid"> <div class="row-fluid"> <p class="block-heading">&nbsp;&nbsp;<i class="icon-filter"></i> Filtrer par catégories<span class="block-icon pull-left"> <a href="#" id="open_cat" class="demo-cancel-click" rel="tooltip" data-original-title="Ouvrir"><i id="icon_down" class="icon-circle-arrow-down"></i></a> <a href="#" id="close_cat" class="demo-cancel-click" rel="tooltip" data-original-title="Fermer"><i style="display:none;" id="icon_up" class="icon-circle-arrow-up"></i></a> </span></p> <div id="blok_cat" style="display:none;" class="block-body"><?php $resultats=$cnx->query("SELECT * FROM categories ORDER BY name ASC"); $resultats->setFetchMode(PDO::FETCH_OBJ); while( $ligne = $resultats->fetch() ) { ?> <span class="label label-warning"><a href="<?= $urlsite; ?>/categorie.html?c=<?= $ligne->catid; ?>"><span style="color:#333;"><?= $ligne->name; ?></span></a></span> <?php } $resultats->closeCursor(); ?> </div> <div class="row-fluid"> <?php if(isset($error)){ echo $error; } ?><?php if(isset($succes )){ echo $succes ; } ?> </div> <div class="row-fluid"> <div class="block span6"> <p class="block-heading" ><i class="icon-film"></i> Les Derniers Films Ajoutés<a href="film.html" title="Plus..."><span class="icon-plus-sign" style="float:right; margin-right:5px; margin-top:5px;margin-top: -48px;"></span></a></p> <div class="block-body"> <table class="table"> <tbody style="font-size: 13px;font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif"> <?php $resultats=$cnx->query("SELECT * FROM files WHERE category NOT IN('25','26') && status = '1' ORDER BY fileid DESC LIMIT 20"); $resultats->setFetchMode(PDO::FETCH_OBJ); echo "<div class=\"slider1\" id=\"slider\">"; while( $ligne = $resultats->fetch() ) { $lang = $ligne->lang; $qualite = $ligne->qualite; $title = $ligne->title; $acteur = $ligne->acteurs; $categorie = $ligne->category; $syno = $ligne->description; $icon = $ligne->icon; $Idfilm = $ligne->fileid; $filetype = $ligne->filetype; // Nettoyage de la variable $titre pour l'url $titre = $ligne->title; $titre = htmlentities($titre, ENT_NOQUOTES, 'UTF-8'); $titre = preg_replace('`&([a-z]{1,2})(acute|uml|circ|grave|ring|cedil|slash|tilde|caron|lig);`i', '$1', $titre); $titre = strip_tags($titre); $titre = preg_replace("/[^A-Za-z0-9]+/", "-", $titre); $titre = trim($titre, "-"); $titre = substr($titre, 0, 50); $titre = strtolower($titre); require 'info_film.php'; ?> <ul class="sliderul"> <li class="sliderli" ><img src='<?= $icon; ?>' style='width:150px;height:200px;float:center;'></li> </ul > <script language="javascript"> $(document).ready(function() { $('slider').mousewheel(function(event, delta) { this.scrollLeft -= (delta * 30); event.preventDefault(); }); }); </script> <?php } echo "</div>"; $resultats->closeCursor(); ?> </tbody> </table> </div> </div>

Re: Problème slider

Posté : 21 juil. 2014, 23:50
par snovop
Résolu seul , j'avais oublier le <ul>.
Donc : echo "<ul class=\"sliderul\">";

merci.
Heures au format UTC+02:00
Page 1 sur 1
Powered by phpBB® Forum Software © phpBB Limited
https://www.phpbb.com/