hemen hemen her şeyi tamamladım, şimdi ypamam gereken şey: pencere boyutu değişince, tüm değerlerin ona göre yeniden hesaplanması.
ama nasıl yapacağımı, başa nasıl sardıracağımı çözemedim. tüm kodu bir de resize'a göre yazmak saçma çözüm de, başka ne yapabilirim? (kod paylaşmadan yazdım, basit bir mantık çakarsanız anlarım hemen)
pencere eni ve yüksekligine göre element boyutlandirma islemini javascript ile yapmak en son caredir. responsive özelligini css ile verirsen cok daha esnek, kolay ve hizli olur. ayrica client makinada ekstra javascript calistiracagina css ile rendering sirasinda yaparsin boyutlandirmayi. Bunun icin bircok yöntem var en basit islemler icin css de width boyutlandirmasinda kesin bir deger yerine yüzde kullanabilirisin. (width: %80 gibi.) Eger bu yeterli olmazsa yani boyutlandiracagin element daha karmasik bir yapiya sahipse "media query" kullanabilirsin. developer.mozilla.org . "Responsive web" cözümlerine bir bak bence code.tutsplus.com Bunlar yeterli gelmezse (Slider yapmak icin bence yeterli gelir) en son olarak $(window).width(); , $(document).width(); ve screen.width; ile javascript ile tekrar boyutlandirma yapabilirsin. Kodu basta yazmak programcilik cözümü degildir.
hocam problem boyutlandırma değil, zaten slider css'den boyutlanıyor. ama örneğin: genişlik 1000px iken bir defa hesap ediyor genişliği falan ve ona göre işlem yapıyor. ondan sonra ben ekranı 200px'e küçültsem bile, o resim genişliğini 1000px olarak alıp ona göre slide yapıyor.
yani, pencere boyu değiştiğinde, benim hemen baştan genişliği öğrenip fonksiyonun en başına dönmem gerekiyor.
windows resize function icine css degerlerini yazican abi. slider'in width'i, slider icindeki item'larin width'i, onlarin birbirine olan uzakligi vs..
madem jquery kullaniyosun cok guzel responsive jquery slider cozumleri var bikacini dene, kaynak kodlarini incelersin