par
JAG11 » 22 avr. 2021, 12:11
Bonjour
J'ai réussi à faire un carousel avec BOOTSTRAP, mais j'aurai aimé passé à PHP afin que l'utilisateur puisse changer les images à volonté.
Je n'ai pas réussi par moi-même et je suis donc parti à la recherche d'une solution que j'ai trouvé.
Fichier INDEX.PHP
Code : Tout sélectionner
<?php include_once("slider.php"); ?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>phpzag.com : Demo Create Bootstrap Carousel Slider with Thumbnails using PHP & MySQL</title>
<link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css'>
<link href="css/style.css" rel="stylesheet">
<?php include('container.php');?>
<div class="container">
<h2>Create Bootstrap Carousel Slider with Thumbnails using PHP & MySQL</h2>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="false">
<ol class="carousel-indicators">
<?php echo $button_html; ?>
</ol>
<div class="carousel-inner">
<?php echo $slider_html; ?>
</div>
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
<ul class="thumbnails-carousel clearfix">
<?php echo $thumb_html; ?>
</ul>
</div>
<div style="margin:50px 0px 0px 0px;">
<a class="btn btn-default read-more" style="background:#3399ff;color:white" href="http://www.phpzag.com/create-bootstrap-carousel-slider-with-thumbnails-using-php-mysql/">Back to Tutorial</a>
</div>
</div>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js'></script>
<script src="js/carousel-slider.js"></script>
<?php include('footer.php');?>
Fichier SLIDER.PHP
Code : Tout sélectionner
<?php
include_once("../connect.php");
$sql = "SELECT id, image FROM slider LIMIT 4";
$resultset = mysqli_query($db, $sql) or die("database error:". mysqli_error($db));
$image_count = 0;
$button_html = '';
$slider_html = '';
$thumb_html = '';
while( $rows = mysqli_fetch_assoc($resultset)){
$active_class = "";
if(!$image_count) {
$active_class = 'active';
$image_count = 1;
}
$image_count++;
$thumb_image = "nature_thumb_".$rows['id'].".jpg";
// slider image html
$slider_html.= "<div class='item ".$active_class."'>";
$slider_html.= "<img src='images/".$rows['image']."' alt='1.jpg' class='img-responsive'>";
$slider_html.= "<div class='carousel-caption'></div></div>";
// Thumbnail html
$thumb_html.= "<li><img src='images/".$thumb_image."' alt='$thumb_image'></li>";
// Button html
$button_html.= "<li data-target='#carousel-example-generic' data-slide-to='".$image_count."' class='".$active_class."'></li>";
}
J'ai une erreur sur le fichier SLIDER.PHP
Attention: mysqli_query () s'attend à ce que le paramètre 1 soit mysqli, objet donné dans E: \ FFMO \ Slider \ slider.php à la ligne 4
La ligne 4 étant
Code : Tout sélectionner
$resultset = mysqli_query($db, $sql) or die("database error:". mysqli_error($db));
Bien sur j'aurai aimé convertir le code en PDO, mais je bute sur
Pouvez-vous m'aider? Merci
Bonjour
J'ai réussi à faire un carousel avec BOOTSTRAP, mais j'aurai aimé passé à PHP afin que l'utilisateur puisse changer les images à volonté.
Je n'ai pas réussi par moi-même et je suis donc parti à la recherche d'une solution que j'ai trouvé.
[b]Fichier INDEX.PHP[/b]
[code]<?php include_once("slider.php"); ?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>phpzag.com : Demo Create Bootstrap Carousel Slider with Thumbnails using PHP & MySQL</title>
<link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css'>
<link href="css/style.css" rel="stylesheet">
<?php include('container.php');?>
<div class="container">
<h2>Create Bootstrap Carousel Slider with Thumbnails using PHP & MySQL</h2>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="false">
<ol class="carousel-indicators">
<?php echo $button_html; ?>
</ol>
<div class="carousel-inner">
<?php echo $slider_html; ?>
</div>
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
<ul class="thumbnails-carousel clearfix">
<?php echo $thumb_html; ?>
</ul>
</div>
<div style="margin:50px 0px 0px 0px;">
<a class="btn btn-default read-more" style="background:#3399ff;color:white" href="http://www.phpzag.com/create-bootstrap-carousel-slider-with-thumbnails-using-php-mysql/">Back to Tutorial</a>
</div>
</div>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js'></script>
<script src="js/carousel-slider.js"></script>
<?php include('footer.php');?>[/code]
[b]Fichier SLIDER.PHP[/b]
[code]<?php
include_once("../connect.php");
$sql = "SELECT id, image FROM slider LIMIT 4";
$resultset = mysqli_query($db, $sql) or die("database error:". mysqli_error($db));
$image_count = 0;
$button_html = '';
$slider_html = '';
$thumb_html = '';
while( $rows = mysqli_fetch_assoc($resultset)){
$active_class = "";
if(!$image_count) {
$active_class = 'active';
$image_count = 1;
}
$image_count++;
$thumb_image = "nature_thumb_".$rows['id'].".jpg";
// slider image html
$slider_html.= "<div class='item ".$active_class."'>";
$slider_html.= "<img src='images/".$rows['image']."' alt='1.jpg' class='img-responsive'>";
$slider_html.= "<div class='carousel-caption'></div></div>";
// Thumbnail html
$thumb_html.= "<li><img src='images/".$thumb_image."' alt='$thumb_image'></li>";
// Button html
$button_html.= "<li data-target='#carousel-example-generic' data-slide-to='".$image_count."' class='".$active_class."'></li>";
}[/code]
J'ai une erreur sur le fichier SLIDER.PHP
[quote]Attention: mysqli_query () s'attend à ce que le paramètre 1 soit mysqli, objet donné dans E: \ FFMO \ Slider \ slider.php à la ligne 4 [/quote]
La ligne 4 étant
[code]$resultset = mysqli_query($db, $sql) or die("database error:". mysqli_error($db));[/code]
Bien sur j'aurai aimé convertir le code en PDO, mais je bute sur
[code]while( $rows = mysqli_fetch_assoc($resultset)){[/code]
Pouvez-vous m'aider? Merci