Her bir şey Bugün Cevapla
Ara
Kategoriler
duyuru (1)
soru (56)
müzik (0)
film/dizi (0)
teknik (4)
medikal (0)
sözlük (0)
yabancı dil (0)
yer/yön (1)
alınık/satılık (1)
gönül işleri (3)
hayvan (0)
kayıp (0)
kan aranıyor (0)
ev/kalacak yer (0)
Son Cevaplananlar
[]

jQuery window resize hk.

ya şimdi bir slider eklentisi yazıyorum da.

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.


  • emrahday  (22.07.14 11:25:46 ~ 11:27:06) 
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.
  • kamera motor  (22.07.14 11:27:37) 
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

  • hjarteblod  (22.07.14 14:11:29) 
1
istatistikler
yardım / hakkında
buraya yazılanların hakları Sir Anthony Hopkins'e aittir.
yazan eden compumaster, ilgilenen eden fader
modere edenler angelus, Artibir, aychovsky, baba jo, basond, compumaster, deckard, duyulmasi gerektigi kadar, fader, fraise, groove salad, kahvegibi, kaymaktutmayansicaksut, kibritsuyu, monstro, pandispanya, robin, ron dennis
bu sitede yazılanların hiçbiri doğru değildir. site içeriği küçükler için sakıncalı olabilir. yazılardan yazarları sorumludur. kaynak göstermeden alıntılanamaz. devlet tarafından atanmış bir kurumun internet üzerinde kimin hangi bilgiye ulaşıp ulaşamayacağına karar vermesi insan haklarına aykırıdır. web siteleri kullanıcıların istekleri doğrultusunda bağlandıkları yerlerdir. kullanıcılar isterlerse bir web sitesine bağlanmayabilirler. bu güçleri ve imkanları mevcuttur. bir kullanıcı bir siteye bağlanmak istiyorsa bu onun tercihi ve hakkıdır. bağlanmak istemiyorsa bu yine onun tercihi ve hakkıdır. halkın kendisine hizmet etmesi için görevlendirdiği kurumlar hadlerini aşıp halka neye ulaşıp ulaşmayacağını bilmeyen cahil cühela muamelesi edemezler. ebeveynlerin çocuklarını sakıncalı içeriklerden koruması için çok sayıda bedava ve ücretli yazılım mevcuttur. bu yazılımlar bir web tarayıcısını kullanmaktan daha karmaşık teknik bilgi gerektirmemektedir. devletin milletini küçük düşürmesi ve ebleh yerine koyması yasaktır. Skimlinks ile linkler üzerinden yönlendirme payı alınmaktadır.