PDA

View Full Version : نظرتون راجع به این اسلایدر(منظورم اجرا و لود سریع)


olampiad
پنج شنبه 22 آبان 1393, 13:58 عصر
سلام و خسته نباشید ب دوستان عزیز
ب این اسلایدر من ی نگا بندازید
azarsang.com/slider
با استفاده از دکمه های next و prev به تصاویر بعدی بروید.
آیا اسلایدر ب خوبی کار میکنه.
آیا به صفحه سفید بر خوردید یا تصویر بعدی رو ب خوبی آورد.
سرعت لود تصاویر چگونه هستش؟
این اسلایدر رو خودم نوشتم ب نظرتون خوب هستش و میتونم این اسلایدر رو ب وبسایتم اضافه کنم.
سرعت لودش چ طوره؟
اگه مشکلی داره میشه مشکلش رو بگید.
ممنون
olampiad
پنج شنبه 22 آبان 1393, 14:06 عصر
اینم از سورس کد



<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> slide </title>
<style type="text/css">

body{
margin:0px;
padding:0px;
}
#slider{
width:100%;
height:700px;
background:url(slide1.jpg);
background-size:100% 100%;
}

#s_controller{
width:100%;
height:40px;
padding-top:330px;
}

#next{
float:right;
padding-right:10px;
width:40px;
height:40px;
}
#prev{
float:left;
padding-left:10px;
}

</style>
</head>
<body>



<div id="slider">


<div id="s_controller">
<div id="next"><img src="c_r.png"></div>
<div id="prev"> <img src="c_l.png"></div>
</div>


</div>


<script type="text/javascript">

document.getElementById('next').onclick=function() {
alert('okk');
};

var aksha=new Array('slide1.jpg','slide2.jpg','slide3.jpg','slid e4.jpg');

var adad=0;
index=0;
var interval;



function start(){
interval = setInterval(function(){
document.getElementById('slider').style.background Image="url("+aksha[adad]+")";
adad++;
if(adad===4){
adad=0;
}
},3000);
}



function next(){
clearInterval(interval);
index++;
if(index===aksha.length){
index=0;
}
document.getElementById('slider').style.background Image="url("+aksha[index]+")";
}





function prev(){
clearInterval(interval);
if(index===0){
index=aksha.length;
}
index--;
document.getElementById('slider').style.background Image="url("+aksha[index]+")";
}


function slider(){
start();
document.getElementById('next').onclick=next;
document.getElementById('prev').onclick=prev;
}

slider();

</script>



</body>
</html>
amirtc
پنج شنبه 22 آبان 1393, 14:06 عصر
اسلایدر خوبیه.
گویا از انیمیشن استفاده نکردید !
از انیمیشن هم استفاده کنیدزیباتر میشه.
saeed410
پنج شنبه 22 آبان 1393, 17:19 عصر
سلام. خوب بود.یکی دوبار صفحه سفید دیدم. خسته نباشی.
sadegh-sj76
پنج شنبه 22 آبان 1393, 20:33 عصر
سلام. بد نیست ولی با خاصیت های جی کوئری خیلی میتونی بهش جلوه بدی:تشویق:
olampiad
پنج شنبه 22 آبان 1393, 20:35 عصر
سرعت لودش خوب بود