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

olampiad

پنج شنبه 22 آبان 1393, 14:00 عصر

سلام و خسته نباشید ب دوستان عزیز
ب این اسلایدر من ی نگا بندازید
azarsang.com/slider
با استفاده از دکمه های next و prev به تصاویر بعدی بروید.
آیا اسلایدر ب خوبی کار میکنه.
آیا به صفحه سفید بر خوردید یا تصویر بعدی رو ب خوبی آورد.
سرعت لود تصاویر چگونه هستش؟
این اسلایدر رو خودم نوشتم ب نظرتون خوب هستش و میتونم این اسلایدر رو ب وبسایتم اضافه کنم.
سرعت لودش چ طوره؟
اگه مشکلی داره میشه مشکلش رو بگید.
ممنون

olampiad

پنج شنبه 22 آبان 1393, 14:04 عصر

اینم از سورس کد

<!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>

Mori Bone

پنج شنبه 22 آبان 1393, 15:01 عصر

سلام. بهتر نبود بهش یه افکتی چیزی میدادید. حداقل یه opacity میداد.
درضمن عنوانه تاپیکتون هم نامناسبه:عصبانی:

olampiad

پنج شنبه 22 آبان 1393, 20:33 عصر

سرعت لودش چطوره؟

ravand

پنج شنبه 22 آبان 1393, 20:58 عصر

خوبه یه اسلاید شو ساده با جاوا اسکریپته. میتونی افکت دارش کنی؟ مثلاً محوی.
با جیکوئری راحت تره البته. ولی میخواستم بدونم با جاوا اسکریپتم میتونی؟
من یه نمونه برای وبلاگم نوشتم. با جی کوئری. http://www.barnamenevisi.blogsky.com/
ولی با جاوا اسکریپت سخته.

amirebi

جمعه 23 آبان 1393, 09:23 صبح

سرعت لودش خوبه من با firFox رفتم ..بهتره یه افکتم بهش اضافه کنی .. خوبه