MoRpH3us_59
Expert
Bonjour,
J'ai fait une galerie d'image.
Quand on clic sur une de ces images, nous arrivons sur une page image.php?photo=img.jpg .
Sur cette page image.php j'ai un slider javascript.
Ma question est donc comment adapter le slider afin que j'arrive par défaut sur la photo que j'ai cliquer auparavant .
Je pense que je dois faire une requete dans mon jquery mais je ne vois pas trop comment faire.
[cpp]var timer = new Object;
function nextSlide(){
var $Slides = $("#slides");
$("#nextSlide").unbind("click",nextSlide);
$Slides.animate(
{marginLeft:"-=600px"},
1000,
function(){
$Slides.data("currentSlide",$Slides.data("currentSlide")+1);
if($Slides.data("currentSlide") > $Slides.data("nbSlides")){
$Slides
.data("currentSlide",1)
.css({marginLeft:"-600px"});
}
$("#nextSlide").bind("click",nextSlide);
}
);
}
function prevSlide(){
var $Slides = $("#slides");
$("#prevSlide").unbind("click",prevSlide);
$Slides.animate(
{marginLeft:"+=600px"},
1000,
function(){
$Slides.data("currentSlide",$Slides.data("currentSlide")-1);
if($Slides.data("currentSlide") == 0){
$Slides
.data("currentSlide",$Slides.data("nbSlides"))
.css({marginLeft:-(600*$Slides.data("currentSlide"))});
}
$("#prevSlide").bind("click",prevSlide);
}
);
}
$(function(){
var $Slides = $("#slides");
var _step = $Slides.find("li:first").width();
$Slides
.data("currentSlide",5)
.data("nbSlides",$Slides.find("li").size());
$Slides
.find("li:last")
.clone()
.prependTo("#slides");
$Slides
.find("li:first")
.next()
.clone()
.appendTo("#slides");
$Slides
.find("li:first")
.addClass("clone")
.end()
.find("li:last")
.addClass("clone")
.end()
.css({marginLeft:-_step});
$Slides.width($Slides.find("li").size()*_step);
$("#nextSlide").bind("click",nextSlide);
$("#prevSlide").bind("click",prevSlide);
})[/cpp]
[cpp]
<div id="slider">
<div id="prevSlide">
<img src="previous.jpg" alt="précédent"/>
</div>
<div id="slider-window">
<ul id="slides">
<ul id="slides">
<?php
include("oeuvre.class.php");
include("DB.class.php");
include("utilisateur.class.php");
include("commentaire.class.php");
$db = new BD(1);
$oeuvre = new oeuvre($db);
$retour = mysql_query('SELECT * from oeuvre');
while ($donnees = mysql_fetch_array($retour))
{
?>
<li class="slide">
<img class="img" src="photo/<?php echo $donnees['photo']; ?> " alt="" />
<div class="slide-content">
<h2>moeee</h2>
<p>louvre lens</p>
</div>
</li>
<?php
}
?>
</ul>
</div>
<div id="nextSlide">
<img src="next.jpg" alt="suivant"/>
</div> [/cpp]
Merci de votre aide.
J'ai fait une galerie d'image.
Quand on clic sur une de ces images, nous arrivons sur une page image.php?photo=img.jpg .
Sur cette page image.php j'ai un slider javascript.
Ma question est donc comment adapter le slider afin que j'arrive par défaut sur la photo que j'ai cliquer auparavant .
Je pense que je dois faire une requete dans mon jquery mais je ne vois pas trop comment faire.
[cpp]var timer = new Object;
function nextSlide(){
var $Slides = $("#slides");
$("#nextSlide").unbind("click",nextSlide);
$Slides.animate(
{marginLeft:"-=600px"},
1000,
function(){
$Slides.data("currentSlide",$Slides.data("currentSlide")+1);
if($Slides.data("currentSlide") > $Slides.data("nbSlides")){
$Slides
.data("currentSlide",1)
.css({marginLeft:"-600px"});
}
$("#nextSlide").bind("click",nextSlide);
}
);
}
function prevSlide(){
var $Slides = $("#slides");
$("#prevSlide").unbind("click",prevSlide);
$Slides.animate(
{marginLeft:"+=600px"},
1000,
function(){
$Slides.data("currentSlide",$Slides.data("currentSlide")-1);
if($Slides.data("currentSlide") == 0){
$Slides
.data("currentSlide",$Slides.data("nbSlides"))
.css({marginLeft:-(600*$Slides.data("currentSlide"))});
}
$("#prevSlide").bind("click",prevSlide);
}
);
}
$(function(){
var $Slides = $("#slides");
var _step = $Slides.find("li:first").width();
$Slides
.data("currentSlide",5)
.data("nbSlides",$Slides.find("li").size());
$Slides
.find("li:last")
.clone()
.prependTo("#slides");
$Slides
.find("li:first")
.next()
.clone()
.appendTo("#slides");
$Slides
.find("li:first")
.addClass("clone")
.end()
.find("li:last")
.addClass("clone")
.end()
.css({marginLeft:-_step});
$Slides.width($Slides.find("li").size()*_step);
$("#nextSlide").bind("click",nextSlide);
$("#prevSlide").bind("click",prevSlide);
})[/cpp]
[cpp]
<div id="slider">
<div id="prevSlide">
<img src="previous.jpg" alt="précédent"/>
</div>
<div id="slider-window">
<ul id="slides">
<ul id="slides">
<?php
include("oeuvre.class.php");
include("DB.class.php");
include("utilisateur.class.php");
include("commentaire.class.php");
$db = new BD(1);
$oeuvre = new oeuvre($db);
$retour = mysql_query('SELECT * from oeuvre');
while ($donnees = mysql_fetch_array($retour))
{
?>
<li class="slide">
<img class="img" src="photo/<?php echo $donnees['photo']; ?> " alt="" />
<div class="slide-content">
<h2>moeee</h2>
<p>louvre lens</p>
</div>
</li>
<?php
}
?>
</ul>
</div>
<div id="nextSlide">
<img src="next.jpg" alt="suivant"/>
</div> [/cpp]
Merci de votre aide.