Contentslider - R10.net

03-04-2009, 03:12:54

Aşağıdaki gibi 3 adet div elementim var. 2 saniyede 1 slide şeklinde yazılar üste kayıyor. Slayt bitip başa döndüğünde ilk divi milisaniyeler içinde yukarı kaydırıyor ve ikinci divi 2 saniye boyunca bekletip 3. divi görüntülüyor.
İlk divi atlamaması için ne yapmam gerekir? Yardımlar eden arkadaşlara şimdiden teşekür ederim.
Örnek

<div id="featured_1">deneme1</div>
<div id="featured_2">deneme2</div>
<div id="featured_3">deneme3</div>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="effects.js"></script>
<script language="JavaScript">
prcount = 3;
function scrollup(no){
	if(no<3){
		new Effect.SlideUp('featured_'+no);
			next = no + 1;
	} else{
	next = 2;
		for(i=0;i<=3;i++)
		$('featured_' + i).show();
		new Effect.SlideUp('featured_1');
	}
	setTimeout("scrollup("+next+")",2000);
}
if(prcount >= 0) setTimeout("scrollup(1)",2000);
</script>

03-04-2009, 16:12:34

#2

anka81

<html><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
.block{ width:100%}

</style>
<script type="text/javascript" src="slider_files/prototype.js"></script>
<script type="text/javascript" src="slider_files/effects.js"></script>
<script language="JavaScript">
prcount = 4;
function scrollup(no){
if(no<4){
new Effect.SlideUp('featured_'+no);
next = no + 1;
} else{
next = 2;
for(i=1;i<=4;i++)
$('featured_' + i).show();
new Effect.SlideUp('featured_1');
}
setTimeout("scrollup("+next+")",2000);
}
if(prcount > 0) setTimeout("scrollup(1)",2000);
</script>

</head><body><div style="overflow: hidden; height: 220px;">

<div style="overflow: hidden; position: relative; height: 146px;" id="featured_1"><table style="position: relative; bottom: 74px;" align="center" cellpadding="0" cellspacing="0" height="220">
<tbody><tr><td valign="middle" align="center" height="120">
111
</td></tr>
</tbody></table></div>

<div style="" id="featured_2"><table style="" align="center" cellpadding="0" cellspacing="0" height="220">
<tbody><tr><td valign="middle" align="center" height="120">
222
</td></tr>
</tbody></table></div>

<div id="featured_3">
<table align="center" cellpadding="0" cellspacing="0" height="220">
<tbody><tr><td valign="middle" align="center" height="120">
333
</td></tr>
</tbody></table>
</div>

<div id="featured_4">
<table align="center" cellpadding="0" cellspacing="0" height="220">
<tbody><tr><td valign="middle" align="center" height="120">
111
</td></tr>
</tbody></table>
</div>
</div>

</body></html>

04-04-2009, 19:37:32

#3

hijacker83

cevap için teşekür ederim. yalnız yine tam olarak çalışmıyor. ilk div tamamen kayboluyor ilk tekrardan sonra. jquery slider kullandım. sorunsuz çalışıyor. saygılarımla.

05-04-2009, 17:01:17

#4

anka81

ben jquery den başkasını zaten kullanmıyorum. prototype için yapmaya çalışmıştım sana. ama jquery ye geçmen kökten çözüm olmuş. sana tavsiyem de jquery den şaşma, kendin yazamazsan bile pluginleri yeter, kolay gelsin.