Faire commencer un slide par une image défini en GET

  • Auteur de la discussion MoRpH3us_59
  • Date de début

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.


 

MoRpH3us_59

Expert
Up!!


En gros je voudrais faire un diaporama comme sur facebook oú quand on clic sur l'image suivante la valeur de photo change dans la barre d'adresse.
 
Vous devez vous inscrire ou vous connecter pour répondre ici.
Derniers messages publiés
Statistiques globales
Discussions
730 131
Messages
6 717 955
Membres
1 586 382
Dernier membre
alejandrooo
Partager cette page
Haut