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"> > </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>
cmt faire marche le code jquery
-
- Messages : 23
- Enregistré le : lun. 4 janv. 2016 19:05
Re: cmt faire marche le code jquery
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.
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 0 invité