PDA

View Full Version : درخواست راهنمایی برای ساخت یک اسلاید شو


maktab
یک شنبه 25 دی 1390, 11:05 صبح
من میخوام یه اسلاید شو ساده با jquery بسازم. سایت های مختلفی رایگان میدن ولی خیلی میپیچونن!

چهارتا div دارم. حالا میخوام یکی یکی اونا رو نشون بدم. دو تا دکمه جلو و عقب هم داشته باشم. هر چند ثانیه خود به خود div ها تغییر کنند.
ممنون میشم راهنمایی کنید.
ravand
یک شنبه 25 دی 1390, 20:28 عصر
منم دوست دارم يه نمونه خودم بسازم نه اينكه از روي سايت ها بردارم. ميخوام با هم شروع كنيم و با هم تمومش كنيم مثل يه تمرين. قبول؟ :لبخند:
من براي قدم اول يه كدي نوشتم.

<!DOCTYPE html>
<html>
<head>
<style>
img {
position: absolute;
z-index: 1;
}
img2 {
position: absolute;
z-index: 2;
}
</style>
<script src="jquery.js"></script>
</head>
<body>
<button>Toggle 'em</button><br><br>
<img id="aks2" src="D:\aks-d\avatar.gif">
<img src="D:\aks-d\tazekand-maku.jpg">
<script>
$("button").click(function () {
$("img").fadeOut("slow");
$("#aks2").fadeIn("slow");
});
</script>
</body>
</html>
وقتي روي دكمه كليك ميكني تصوير عوض ميشه و يه تصوير ديگه مياد. امروز حال نداشتم وگرنه تا آخرش ميرفتم. :لبخند:
ميخوام يه چيزي مثل اسلادشو سايت ياهو بسازيم.
http://en-maktoob.yahoo.com/?p=us
ravand
دوشنبه 26 دی 1390, 11:51 صبح
من اين كد رو كه نوشتم فقط بين دو عكس تغيير ميكنه ميخواستم از توابع ديگه مثل delay , animate هم استفاده كنم نشد. يعني نميدونستم چجوري اين كار رو بكنم. كسي نيست راهنمايي كنه؟ بايد بعد از هر چند ثانيه يه عكس عوش بشه.

<!DOCTYPE html>
<html>
<head>
<style>
#aks1{
position: absolute;
z-index: 1;
height:200px;
width:150px;
}
#aks2 {
position: absolute;
z-index: 2;
height:200px;
width:150px;
}

#aks3 {
position: absolute;
z-index: 3;
height:200px;
width:150px;
}
</style>
<script src="jquery.js"></script>
</head>
<body>
<button>Toggle 'em</button><br><br>
<img id="aks3" src="D:\aks-d\tazekand-maku.jpg">
<img id="aks2" src="D:\aks-d\3.4 Pic.jpg">
<script>
$(document).ready(function(){
$("button").click(function () {
$('#aks3').fadeOut(5000);
});
});
</script>
</body>
</html>