سلام به همگی..
من یه اسلایدر دارم میسازم ولی کدی که براش زدم کار نمیکنه وفقط یه بار function اجرا میکنه...به نظرتون ایرادش از کجاست؟از این اسلایدرایی هستش که چندتا عکس اولش هست بعدش با کلیک دونه دونه جابجا میشن مثله همونی که تو سایت دیواره...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="Css.css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<title>Untitled Document</title>
<script>
var i;
$(document).ready(function(e) {
for(i=0;i<$("img").length;i++){
$("#next").on("click" ,function(){
$(".container").css("right","300px");
});}
for(i=0;i<$("img").length;i++){
$("#pre").on("click" ,function(){
$(".container").css("left","300px");
});}
});
</script>
</head>
<body>
<div class="slider">
<div class="container">
<img src="images/1.jpg" width="1920" height="300px"/>
<img src="images/2.jpg" width="1920" height="300px"/>
<img src="images/3.jpg" width="1920" height="300px"/>
<img src="images/4.jpg" width="1920" height="300px"/>
<img src="images/2.jpg" width="1920" height="300px"/>
<img src="images/3.jpg" width="1920" height="300px"/>
<img src="images/2.jpg" width="1920" height="300px"/>
</div>
<a id="next" href="#">next</a>
<a id="pre" href="#">pre</a>
</div>
</body>
</html>
پاسخ ها