Sayfa Yada İçeriği Kaydırmak, Değiştirmek?

Tahribat.com Forumları
line

Html - CSS - XML - JavaScript - Ajax
line

Sayfa Yada İçeriği Kaydırmak, Değiştirmek?

09/Şub/11 10:53 Kısayol Şikayet Özel Mesaj

blutarm

Kayıt Tarihi: 09/Mart/2007

www.yasar.com.tr sitesindeki haber kısmı yada gittigidiyordaki sol kısımdaki ürünler gibi.Herhangi bir sayfayı (marquee mantığında düşünebiliriz) bu şekilde kaydırmak için ne yapabilirim. Jquery ile olabileceğini duydum ama oluyorsa nasıl?

Alıntı yap
09/Şub/11 17:53 Kısayol Şikayet Özel Mesaj

hackingo

Kayıt Tarihi: 09/Eylül/2005

jquery nin animate ozelligini kullanarak yapabilirsin..

simdi sayfani wrapper adli divin icinde dusun ve width degeri 3000 olsun(her bir sayfa icin 1000px dusun)..

ondan sonra butun sayfalarini ayni dive diziyosun 1000 er pixel arayla.. en ustede 1000px genisliginde bir div atip overflow:hidden yapiyosun ki diger sayfalar gozukmesin..

buraya kadar elimizde ne var?

- en distaki 1000px genisligindeki div,

- o divin icinde 3000px genisliginde, icine sayfalar dizilmis div var.. (bu divin position:relative; ve left:0px;)

simdi jquerynin burada yapacagi islem #wrapper divinin left ozelligiyle oynamak.. oda soyle oluyor..

$(function(){

$('a[title="sayfa2"]').click(function(){

$('#wrapper').animate({left: "-1000px"});

});

});

gibilerinden..

umarim anlasilir olmustur.. kolay gelsin..

Alıntı yap
09/Şub/11 18:28 Kısayol Şikayet Özel Mesaj

kerim

Kayıt Tarihi: 10/Mayıs/2008

http://www.sothink.com/product/javascriptwebscroller/

hiç uğraşmadım ama bu programla yapabilirsin.

demolar:

http://www.sothink.com/product/javascriptwebscroller/samples/amazonstyle/amazonstyle.htm

sağ taraftaki menüde farklı demolar var.

bu ikisi gg tarzı:

http://www.sothink.com/product/javascriptwebscroller/samples/cellphone/cellphone.htm

http://www.sothink.com/product/javascriptwebscroller/samples/pets/pets.htm

yasar.com.tr 'nin haber kısmı flash la yapılmış.

jquery ticker denilen şeyi kendine göre editleyebilirsin ona benziyo.

http://woorktuts.110mb.com/newstickerjq/index.html

(:

Alıntı yap
09/Şub/11 21:12 Kısayol Şikayet Özel Mesaj

blutarm

Kayıt Tarihi: 09/Mart/2007

ilginiz için teşekkür ediyorum yarın deneyip buraya sonucu yazıcam. iyi akşamlar.

Alıntı yap
10/Şub/11 14:13 Kısayol Şikayet Özel Mesaj

blutarm

Kayıt Tarihi: 09/Mart/2007

@hackingo

senin bahsettiklerini yapmayı denedim ama işin içinden çıkamadım. Senin dediğin gibi 3000px bi sayfayı 1000px 1000px kaydıramadım.

@Kerim'in yolladıkları;

http://www.webdesignbooth.com/demo/news-ticker/

uygulamayı denediğimde sayfa komple kayıyor. sayfadaki bütün haberler id id değilde kople kayıyor.

Edit : sorunu çözdüm teşekkürler..

Alıntı yap

Toplam Hit: 1525 Toplam Mesaj: 5

Cevapla