Auto-Scroll

Dd_LynCh · 20.04.2004

http://www.creathane.com

Sol tarafta "Bizden Haberler" kısmında haberler akıyor. İşte bunun aynısını istiyorum ama daha iyisini. Nasıl daha iyisini derseniz, yukardaki sayfada çok akıcı değil. Takılmalar oluyor. Daha akıcı birşey istiyorum. Çok aradım fakat bulamadım. Lütfen yardım...

oSHua · 20.04.2004

Sanırım istediğin bunun gibi birşey ;

Kolay gelsin...

HTML Code:

<HTML>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-1">
</head>

<body>
<table width="152" height="160" border=0 cellpadding=0 cellspacing=0>
  <tr>
    <td align=center><table width=145 height="100%" border=0 align=center cellpadding=0 cellspacing=0>
        <tr>
          <td width=145>
            <script language="JavaScript">
					<!--
					function LoadNews(strAction, intNewsID) {
						document.frmMain.txtNewsAction.value = strAction.toString();
						document.frmMain.txtNewsID.value = intNewsID.toString();
						document.frmMain.txtMenu.value = '7';
						document.frmMain.submit(); }
					-->
					</script>
            <input type="hidden" name="txtNewsAction" value="">
            <input type="hidden" name="txtNewsID" value="">
            <table width=100% height="100%" border=0 cellpadding=0 cellspacing=0 class=cKur>
              <tr>
                <td class="link">
                  <MARQUEE onmouseover='this.stop();' onmouseout='this.start();'direction='up' scrollamount='1' scrolldelay='40' top='0' left='0' width='145' height='70'>
                  <P align=CENTER><a href=main.ASP class=cKur onclick="LoadNews('ShowDetail', 524); return false;">Haberler 1 </A></P>
                  <P align=CENTER><a href=main.ASP class=cKur onclick="LoadNews('ShowDetail', 527); return false;">Haberler 2</A></P>
                  <P align=CENTER><a href=main.ASP class=text onclick="LoadNews('ShowDetail', 528); return false;">Haberler 3 </A></P>
                </MARQUEE></td>
              </tr>
          </table></td>
        </tr>
    </table></td>
  </tr>
</table>
</body>
</HTML>

Dd_LynCh · 20.04.2004

Yaw yazılar çok güzel kayıyorlar ama hepsi yok olmadan alttan başka birşey çıkmıyor. İlk verdiğim linktekinin akıcılığı böyle olsa mükemmel olur...

Bu arada tüm yazılar bitmeden alttan başka birşey çıkmıyor olması çok kötü. Marquee ile bunun halledilmesi imkansızmış gibi geliyor.

Dd_LynCh · 21.04.2004

Yok mu arkadaşlar bir çözüm önerisi olan??

gameover · 21.04.2004

dynamicdrive.com gibi sitelere bakmayı denedin mi? buradan daha çabuk sonuca ulaşacağına eminim. hatta forumda da geçmiştir bu gibi konular.

Dd_LynCh · 21.04.2004

Nasıl aratacağım ki?? Marquee diye aratıyorum bir sürü alakasız şey çıkıyor...

Dd_LynCh · 21.04.2004

HTML Code:

<script type="text/JavaScript">

/***********************************************
* Pausing updown message scroller- © Dynamic Drive DHTML code library ([url]www.dynamicdrive.com[/url])
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at [url]http://www.dynamicdrive.com/[/url] for full source code
***********************************************/

//configure the below five variables to change the style of the scroller
var scrollerdelay='3000' //delay between msg scrolls. 3000=3 seconds.
var scrollerwidth='150px'
var scrollerheight='105px'
var scrollerbgcolor=''
//set below to '' if you don't wish to use a background image
var scrollerbackground=''

//configure the below variable to change the contents of the scroller
var messages=new Array()
messages[0]="<font face='Arial'><a href='http://www.dynamicdrive.com'>Click here to go back to Dynamicdrive.com frontpage</a></font>"
messages[1]="<font face='Arial'><a href='http://javascriptkit.com'>Visit JavaScriptKit for award winning JavaScript tutorials</a></font>"
messages[2]="<font face='Arial'><a href='http://www.codingforums.com'>Get help on scripting and web development. Visit CodingForums.com!</a></font>"
messages[3]="<font face='Arial'><a href='http://www.freewarejava.com'>Looking for Free Java applets? Visit Freewarejava.com!</a></font>"
messages[4]="<font face='Arial'><a href='http://dynamicdrive.com/link.htm'>If you find this script useful, please click here to link back to Dynamic Drive!</a></font>"

///////Do not edit pass this line///////////////////////

var ie=document.all
var dom=document.getElementById

if (messages.length>2)
i=2
else
i=0

function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
setTimeout("move1(tlayer)",scrollerdelay)
setTimeout("move2(document.main.document.second)",scrollerdelay)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5
setTimeout("move1(tlayer)",50)
}
else{
tlayer.top=parseInt(scrollerheight)
tlayer.document.write(messages[i])
tlayer.document.close()
if (i==messages.length-1)
i=0
else
i++
}
}

function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
setTimeout("move2(tlayer2)",scrollerdelay)
setTimeout("move1(document.main.document.first)",scrollerdelay)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout("move2(tlayer2)",50)
}
else{
tlayer2.top=parseInt(scrollerheight)
tlayer2.document.write(messages[i])
tlayer2.document.close()
if (i==messages.length-1)
i=0
else
i++
}
}

function move3(whichdiv){
tdiv=eval(whichdiv)
if (parseInt(tdiv.style.top)>0&&parseInt(tdiv.style.top)<=5){
tdiv.style.top=0+"px"
setTimeout("move3(tdiv)",scrollerdelay)
setTimeout("move4(second2_obj)",scrollerdelay)
return
}
if (parseInt(tdiv.style.top)>=tdiv.offsetHeight*-1){
tdiv.style.top=parseInt(tdiv.style.top)-5+"px"
setTimeout("move3(tdiv)",50)
}
else{
tdiv.style.top=parseInt(scrollerheight)
tdiv.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else
i++
}
}

function move4(whichdiv){
tdiv2=eval(whichdiv)
if (parseInt(tdiv2.style.top)>0&&parseInt(tdiv2.style.top)<=5){
tdiv2.style.top=0+"px"
setTimeout("move4(tdiv2)",scrollerdelay)
setTimeout("move3(first2_obj)",scrollerdelay)
return
}
if (parseInt(tdiv2.style.top)>=tdiv2.offsetHeight*-1){
tdiv2.style.top=parseInt(tdiv2.style.top)-5+"px"
setTimeout("move4(second2_obj)",50)
}
else{
tdiv2.style.top=parseInt(scrollerheight)
tdiv2.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else
i++
}
}

function startscroll(){
if (ie||dom){
first2_obj=ie? first2 : document.getElementById("first2")
second2_obj=ie? second2 : document.getElementById("second2")
move3(first2_obj)
second2_obj.style.top=scrollerheight
second2_obj.style.visibility='visible'
}
else if (document.layers){
document.main.visibility='show'
move1(document.main.document.first)
document.main.document.second.top=parseInt(scrollerheight)+5
document.main.document.second.visibility='show'
}
}

window.onload=startscroll

</script>


<ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor}; background=&{scrollerbackground}; visibility=hide>
<layer id="first" left=0 top=1 width=&{scrollerwidth};>
<script language="JavaScript1.2">
if (document.layers)
document.write(messages[0])
</script>
</layer>
<layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
<script language="JavaScript1.2">
if (document.layers)
document.write(messages[dyndetermine=(messages.length==1)? 0 : 1])
</script>
</layer>
</ilayer>

<script language="JavaScript1.2">
if (ie||dom){
document.writeln('<div id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;background-color:'+scrollerbgcolor+' ;background-image:url('+scrollerbackground+')">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0px;top:0px">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0px;top:1px;">')
document.write(messages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0px;top:0px;visibility:hidden">')
document.write(messages[dyndetermine=(messages.length==1)? 0 : 1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</div>')
}
</script>

...şeklinde bir tane buldum. Ama bunun sorunu üzerine gelince durmuyor. Daha da önemlisi image ekleyemiyorum mesajların içine...

gameover · 21.04.2004

http://www.dynamicdrive.com/dynamicindex2/crosstick.htm
http://www.dynamicdrive.com/dynamici...fadescroll.htm > bu fade efektlisi
http://www.dynamicdrive.com/dynamici...centscroll.htm > bunda sayfa efekti var
http://www.dynamicdrive.com/dynamicindex2/cmarquee2.htm > bu hepsini bir kerede geçiriyor
http://www.dynamicdrive.com/dynamici...e-scroller.htm > bu iframe
http://www.dynamicdrive.com/dynamici...mikescroll.htm > bu gayet güzel, sadece 1-2 ayar çekmen gerekiyor
http://www.dynamicdrive.com/dynamicindex2/index.html > ve burada da daha bir sürü var.

Dd_LynCh · 22.04.2004

Hepsini tek tek inceledim. Hiç biri tam istediğim gibi değil. Ya üzerine gelince durmuyor, ya içine resim eklenemiyor ya da altta boşluk oluyor. Tam istediğim http://www.creathane.com adresindeki ama bunun da akıcılığında sorun var.

Dd_LynCh · 22.04.2004

@gameover: Çok uğraşmışsın bu arada teşekkür ederim...

20.04.2004	#1 (permalink)
Dd_LynCh Üyelik Tarihi: 01.11.2000 Yer: İstanbul - Ortaköy Yaş: 25 Mesaj: 1,095	Auto-Scroll http://www.creathane.com Sol tarafta "Bizden Haberler" kısmında haberler akıyor. İşte bunun aynısını istiyorum ama daha iyisini. Nasıl daha iyisini derseniz, yukardaki sayfada çok akıcı değil. Takılmalar oluyor. Daha akıcı birşey istiyorum. Çok aradım fakat bulamadım. Lütfen yardım... __________________ C-Section New Media \| deviantArt Gallery

20.04.2004	#3 (permalink)
Dd_LynCh Üyelik Tarihi: 01.11.2000 Yer: İstanbul - Ortaköy Yaş: 25 Mesaj: 1,095	Re: Auto-Scroll Yaw yazılar çok güzel kayıyorlar ama hepsi yok olmadan alttan başka birşey çıkmıyor. İlk verdiğim linktekinin akıcılığı böyle olsa mükemmel olur... Bu arada tüm yazılar bitmeden alttan başka birşey çıkmıyor olması çok kötü. Marquee ile bunun halledilmesi imkansızmış gibi geliyor. __________________ C-Section New Media \| deviantArt Gallery

21.04.2004	#4 (permalink)
Dd_LynCh Üyelik Tarihi: 01.11.2000 Yer: İstanbul - Ortaköy Yaş: 25 Mesaj: 1,095	Re: Auto-Scroll Yok mu arkadaşlar bir çözüm önerisi olan?? __________________ C-Section New Media \| deviantArt Gallery

21.04.2004	#5 (permalink)
gameover Üyelik Tarihi: 24.07.2001 Yer: Istanbul Yaş: 25 Mesaj: 800	Re: Auto-Scroll dynamicdrive.com gibi sitelere bakmayı denedin mi? buradan daha çabuk sonuca ulaşacağına eminim. hatta forumda da geçmiştir bu gibi konular. __________________ ♥ SiberKültür.com, css'in hastası, web'in ustasıyız

21.04.2004	#6 (permalink)
Dd_LynCh Üyelik Tarihi: 01.11.2000 Yer: İstanbul - Ortaköy Yaş: 25 Mesaj: 1,095	Re: Auto-Scroll Nasıl aratacağım ki?? Marquee diye aratıyorum bir sürü alakasız şey çıkıyor... __________________ C-Section New Media \| deviantArt Gallery

21.04.2004	#8 (permalink)
gameover Üyelik Tarihi: 24.07.2001 Yer: Istanbul Yaş: 25 Mesaj: 800	Re: Auto-Scroll http://www.dynamicdrive.com/dynamicindex2/crosstick.htm http://www.dynamicdrive.com/dynamici...fadescroll.htm > bu fade efektlisi http://www.dynamicdrive.com/dynamici...centscroll.htm > bunda sayfa efekti var http://www.dynamicdrive.com/dynamicindex2/cmarquee2.htm > bu hepsini bir kerede geçiriyor http://www.dynamicdrive.com/dynamici...e-scroller.htm > bu iframe http://www.dynamicdrive.com/dynamici...mikescroll.htm > bu gayet güzel, sadece 1-2 ayar çekmen gerekiyor http://www.dynamicdrive.com/dynamicindex2/index.html > ve burada da daha bir sürü var. __________________ ♥ SiberKültür.com, css'in hastası, web'in ustasıyız

22.04.2004	#9 (permalink)
Dd_LynCh Üyelik Tarihi: 01.11.2000 Yer: İstanbul - Ortaköy Yaş: 25 Mesaj: 1,095	Re: Auto-Scroll Hepsini tek tek inceledim. Hiç biri tam istediğim gibi değil. Ya üzerine gelince durmuyor, ya içine resim eklenemiyor ya da altta boşluk oluyor. Tam istediğim http://www.creathane.com adresindeki ama bunun da akıcılığında sorun var. __________________ C-Section New Media \| deviantArt Gallery

22.04.2004	#10 (permalink)
Dd_LynCh Üyelik Tarihi: 01.11.2000 Yer: İstanbul - Ortaköy Yaş: 25 Mesaj: 1,095	Re: Auto-Scroll @gameover: Çok uğraşmışsın bu arada teşekkür ederim... __________________ C-Section New Media \| deviantArt Gallery

Sponsorlu Bağlantılar
Zoque.Forum Reklam