cmt faire marche le code jquery

beugre
Messages : 1
Enregistré le : sam. 12 nov. 2016 19:03

cmt faire marche le code jquery

Messagepar beugre » sam. 12 nov. 2016 20:13

 aide moi stp vous plait depuis hier je cherche puorquoi cela ne marche pas,je ma suis arreter au tutos 2

<!DOCTYPE html>
<html>
<head>
<style>
.slider
{

width:200px;
height:200px;
margin-left:350px;
margin-top:100px;
border:solid #123456;
position:relative;
overflow:hidden;

}

.slider ul li
{
display:block;
float:left;
width:200px;
height:200px;
position:relative;
margin-top:-7px;
margin-left:-15px;

}

h1
{
background-color: #456123;
margin-left:10px;
}




.a
{
text-decoration:none;
width:100px;
heigth:30px;
margin-top:300px;
margin-left:40px;
position:absolute;
background-color: #777777;
font-size:30px;
positon:relative;
}
.a2
{
text-decoration:none;
width:100px;
height:33px;
margin-left:50px;
position:absolute;
margin-top:300px;
font-size:30px;
background-color: #777777;
position: absolute;
}

</style>




<title></title>
</head>
<body>

<script type="text/javascript" src="jquery-3.1.1.js"></script>

<script type="text/javascript">



$(document).ready(function(e)
{

$(".slider ul li:last-child").prependTo(".slider ul");

$(".slider ul").css(marginleft:-200);

      $(".a2").click(function(e)
      {
          $(".slider ul").animate({

          left:,-200},function(e)
          {

        $(".slider ul").css('left','0');
        $(".slider ul li:first-child").appendTo(".slider ul");

          });

      } );

      $(".a").click(function(e)
      {
         $(".slider ul").animate({ left:+200},1000,function(e)
          {
         $(".slider ul").css('left','0');
        $(".slider ul li:last-child").prependTo(".slider ul");

          } );

      } );


} );

</script>


<h1 id="h1">mon texte</h1>
<a href="#"  class="a"><</a>
<a href="#"  class="a2"  id="button_right">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; > </a>

<div class="slider">
<ul>
<li ><img src="korha_abidjan_mode_3.jpg" width='200px' height='200px'></li>
<li ><img src="Mother's-day-fr.jpg" width='200px' height='200px' ></li>
<li ><img src="images.jpe" width='200px' height='200px' ></li>
</ul>
</div>





</body>
</html>

dialectuto
Messages : 23
Enregistré le : lun. 4 janv. 2016 19:05

Re: cmt faire marche le code jquery

Messagepar dialectuto » dim. 13 nov. 2016 21:39

pour le tutoriel jquery intitulé "Image Slider" le mieux est que tu débutes le tutoriel en téléchargent les fichiers sources se trouvant dans la page du site :
http://dialectuto.com/jquery_tutoriel/image_slider_tutoriel.html

car après il serait facile de suivre les étapes pour réaliser le tuto et en même temps je saurais t’aider.


Retourner vers « Javascript - jQuery »

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 3 invités