ساخت اسلایدشو تصاویر همراه با متن [بایگانی]

binboy

چهارشنبه 11 خرداد 1390, 13:39 عصر

سلام
من یک اسلاید شو تصویر کوچولو موچولو دارم حالا می خوام همراه با اسلاید تصاویر یک متن خاص با لینک همراه باشه. خیلی باهاش کلنجار رفتم ولی موفق نشدم و امدم اینجا مطرح کنم ببینم از کجا باید شروع کرد؟

با سپاس
کد را میزارم تا روشن تر باشه:

<!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">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>

<title></title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<<script type="text/javascript">
$(function(){
$('.fadein img:gt(0)').hide();
setInterval(function(){
$('.fadein :first-child').fadeOut()
.next('img').fadeIn()
.end().appendTo('.fadein');},
3000);
});
</script>

<style type="text/css">
.fadein { position:relative; width:500px; height:332px; }
.fadein img { position:absolute; left:0; top:0; }
</style>

</head>

<body>
<div id="content">
<div class="fadein">
<img src="01.jpg" alt="Slideshow Image 1">
<img src="02.jpg" alt="Slideshow Image 2">
<img src="03.jpg" alt="Slideshow Image 2">
<img src="04.jpg" alt="Slideshow Image 2">
<img src="05.jpg" alt="Slideshow Image 2">
</div>
</div>
</body>
</html>