Bonjour, quelqu un peut m aider parce que je suis en peux perdu. voila j f un site en php et j ai voulu mettre une photo galerie avec effet carousel mais j y arrive pas aide moi svp voici le code genere j vois pas pourquoi s marche pas
<?php
mysql_connect("localhost", "root", "") or die(mysql_error());
mysql_select_db("name") or die(mysql_error());
?>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" title="" />
<script type="text/javascript">
jQuery(function(){
jQuery("a#forward").click(function()){
jQuery("#carousel_wrapper").animate({opacity: 0.1}, 200).animate({
opacity: 1.0,
marginLeft: "-600px"
}, 1000 );
return false;
});
jQuery("a#backward").click(function()){
jQuery("#carousel_wrapper").animate({opacity: 0.1}, 200).animate({
opacity: 1.0,
marginLeft: "0"
}, 1000 );
return false;
});
});
</script>
</head>
<body>
<div id="background">
<div id ="conteneur">
<div id="entete"></div>
<UL id="menu1">
<?php
/// pour le menu principal
$menu1 = mysql_query("SELECT DISTINCT menupage,idpage FROM tbbasket");
while($array = mysql_fetch_array($menu1)){
$menu = $array["menupage"];
$page=$array["idpage"];
echo "<LI><a href=\"body.php?idpage=$page\">$menu</a></LI>";
}
?>
</UL>
<div id="body">
<div id="carousel">
<div id="carousel_wrapper">
<a href="#" id="backward"><span>gauche</span></a> <!-- Le bouton pour faire défiler à gauche -->
<a href="#" id="forward"><span>droite</span></a> <!-- Le bouton pour faire défiler à droite-->
<ul id="flickr">
<li><img src="images/image1.png" alt="" width="120" height="110" ></li>
<li><img src="images/image2.png" alt="" width="120" height="110" ></li>
<li><img src="images/image3.png" alt="" width="120" height="110" ></li>
<li><img src="images/image4.png" alt="" width="120" height="110" ></li>
</ul>
</div>
</div>
merci a vous
<?php
mysql_connect("localhost", "root", "") or die(mysql_error());
mysql_select_db("name") or die(mysql_error());
?>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" title="" />
<script type="text/javascript">
jQuery(function(){
jQuery("a#forward").click(function()){
jQuery("#carousel_wrapper").animate({opacity: 0.1}, 200).animate({
opacity: 1.0,
marginLeft: "-600px"
}, 1000 );
return false;
});
jQuery("a#backward").click(function()){
jQuery("#carousel_wrapper").animate({opacity: 0.1}, 200).animate({
opacity: 1.0,
marginLeft: "0"
}, 1000 );
return false;
});
});
</script>
</head>
<body>
<div id="background">
<div id ="conteneur">
<div id="entete"></div>
<UL id="menu1">
<?php
/// pour le menu principal
$menu1 = mysql_query("SELECT DISTINCT menupage,idpage FROM tbbasket");
while($array = mysql_fetch_array($menu1)){
$menu = $array["menupage"];
$page=$array["idpage"];
echo "<LI><a href=\"body.php?idpage=$page\">$menu</a></LI>";
}
?>
</UL>
<div id="body">
<div id="carousel">
<div id="carousel_wrapper">
<a href="#" id="backward"><span>gauche</span></a> <!-- Le bouton pour faire défiler à gauche -->
<a href="#" id="forward"><span>droite</span></a> <!-- Le bouton pour faire défiler à droite-->
<ul id="flickr">
<li><img src="images/image1.png" alt="" width="120" height="110" ></li>
<li><img src="images/image2.png" alt="" width="120" height="110" ></li>
<li><img src="images/image3.png" alt="" width="120" height="110" ></li>
<li><img src="images/image4.png" alt="" width="120" height="110" ></li>
</ul>
</div>
</div>
merci a vous
