saman-arsenal
چهارشنبه 18 اردیبهشت 1392, 12:16 عصر
سلام دوستان
من بر اساس آموزش سایت http://www.webchiefdesign.co.uk/blog/simple-jquery-slideshow/
اومدم سلاید شو ساختم اما واسه من کار نمیکنه نمیدونم چرا:ناراحت:
اینم کد های منه:
<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Gerdoo.net" />
<title>show slider sample</title>
<link href="css/styles.css" rel="stylesheet"/>
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() { var currentPosition = 0;
var slideWidth = 500;
var slides = $('.slide');
var numberOfSlides = slides.length;
var slideShowInterval;
var speed = 3000;
slideShowInterval = setInterval(changePosition, speed);
slides.wrapAll('<div id="slidesHolder"></div>') slides.css({ 'float' : 'left' });
$('#slidesHolder').css('width', slideWidth * numberOfSlides);
function changePosition() {
if(currentPosition == numberOfSlides - 1) { currentPosition = 0; }
else { currentPosition++; } moveSlide(); }
function moveSlide()
{ $('#slidesHolder') .animate({'marginLeft' : slideWidth*(-currentPosition)}); } });
</script>
</head>
<body>
<div id="slideshow">
<div id="slideshowWindow">
<div class="slide">
<img src="images/slide1.jpg"/>
</div>
<div class="slide">
<img src="images/slide2.jpg"/>
</div>
<div class="slide">
<img src="images/slide3.jpg"/>
</div>
</div>
</div><!-- end slide show -->
</body>
</html>
ممنون میشم راهنمایی کنید:قلب:
من بر اساس آموزش سایت http://www.webchiefdesign.co.uk/blog/simple-jquery-slideshow/
اومدم سلاید شو ساختم اما واسه من کار نمیکنه نمیدونم چرا:ناراحت:
اینم کد های منه:
<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Gerdoo.net" />
<title>show slider sample</title>
<link href="css/styles.css" rel="stylesheet"/>
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() { var currentPosition = 0;
var slideWidth = 500;
var slides = $('.slide');
var numberOfSlides = slides.length;
var slideShowInterval;
var speed = 3000;
slideShowInterval = setInterval(changePosition, speed);
slides.wrapAll('<div id="slidesHolder"></div>') slides.css({ 'float' : 'left' });
$('#slidesHolder').css('width', slideWidth * numberOfSlides);
function changePosition() {
if(currentPosition == numberOfSlides - 1) { currentPosition = 0; }
else { currentPosition++; } moveSlide(); }
function moveSlide()
{ $('#slidesHolder') .animate({'marginLeft' : slideWidth*(-currentPosition)}); } });
</script>
</head>
<body>
<div id="slideshow">
<div id="slideshowWindow">
<div class="slide">
<img src="images/slide1.jpg"/>
</div>
<div class="slide">
<img src="images/slide2.jpg"/>
</div>
<div class="slide">
<img src="images/slide3.jpg"/>
</div>
</div>
</div><!-- end slide show -->
</body>
</html>
ممنون میشم راهنمایی کنید:قلب: