javascript slide

<script type="text/javascript">var kutuSayi = 5;
var sure = 5000;
var divYukseklik = 60;
var interval=0;
var say=0;
function art()
{
	say+=1;
	if(say<divYukseklik+1)
	{
		document.getElementById("divKutu").scrollTop+=1;
	}
	else
	{
		say=0;
		clearInterval(interval);
	}
}
function kutu()
{
var divID = eval(document.getElementById("divID").innerHTML);
 
	for(i=1;i<kutuSayi+1;i++)
	{
	var iArti=i+1;
 
 
		if(i==divID)
		{
 
			//document.getElementById("goster"+i).style.visibility="visible";
 
 
			if(kutuSayi==divID)
			{
				document.getElementById("divID").innerHTML=null;
				document.getElementById("divID").innerHTML=1;
				document.getElementById("divKutu").scrollTop=0;
 
			}
			else
			{
				document.getElementById("divID").innerHTML=null;
				document.getElementById("divID").innerHTML=iArti;
				//document.getElementById("divKutu").scrollTop+=60;
 
 
				interval=setInterval("art()",30);
 
 
			}
 
		}
 
	}
 
}
function n(){}
function yukseklik(yuk)
{
	for(h=1;h<kutuSayi+1;h++)
	{
		document.getElementById("goster"+h).style.height=yuk;
		document.getElementById("goster"+h).style.border="1px dashed black";
		divYukseklik=yuk;
 
	}
}
function yukle()
{
	yukseklik(divYukseklik);
 
}
window.setInterval('kutu()',sure);
 
 
</script>
<div id="divID" style="visibility:hidden;">1</div>
<div id="divKutu" style="overflow: hidden; height: 60px; width: 150px;">
<div id="goster1">bir</div>
<div id="goster2">iki</div>
<div id="goster3">uc</div>
<div id="goster4">dort</div>
<div id="goster5">bes</div>
</div>

5 Comments

• 
  tolga 09 Eylül 2009, 17:00

  merhaba; maçkolik.com sitesinin üstünde kokteyl network adlı bir navbar var…sanırım oda javascript bu gösterdiğiniz ona çok yakın bu kodları tamamiyle ona benzetmemiz mümkünmü ?

  birde bu kodlarda eksiklik varmı bende sizdeki demo gibi çalışmadı..

  şimdiden tşk.,iyi çalışmalar..
• 
  İsmail PERİM 09 Eylül 2009, 17:27

  Merhabalar,
  Kodları tekrar güncelledim. Tekrar deneyebilirsiniz.
  maçkolik.net i inceledim.Sizin sitenizi de inceledim. Sanırım tıkla yaz bölümü için istiyorsunuz bunu. Böyle birşey yapmamız mümkün.
  Mail adresinizi iletişim için aldım.
• 
  tolga 10 Eylül 2009, 13:55

  evet ,tıkla yaz bölümünün üstüne navbar olarak koyabilirim diye düşündüm..

  üstteki kodları yine çalıştıramadım…!
  ok.mailinizi bende ekledim..
• 
  Fuat 20 Ocak 2010, 17:57

  Merhaba İsmail Hocam,

  tolganın söylediği şekilde benim de bir scripte ihtiyacım var. Eğer paylaşırsanız sevinirim.
• 
  İsmail PERİM 20 Ocak 2010, 18:02

  Merhabalar Tolga arkadaşımıza daha önce bu konuda yardımcı olmuştum. Onun sitesi olan feneronline.net de bu şekilde çalışmaktadır. En kısa süre içinde scripti yayınlayıp size bilgi vereceğim.
  Saygılarımla.