Merhaba Arkadaşlar,
Slider anlatımlarından başlamışken farklı yapıya sahip slider örneklerinide sizlere sunmak istiyorum. Bunlardan bir taneside JQuery Parallax Slider. Çok farklı bir yapıya sahip bu slider sitenizde görselliğide artıracağına inanıyorum.. Kullanımı diğer sliderlar gibi çok basit aslında . İsterseniz hemen anlatımına geçeyim.
Aşağıdaki indirme linkine tıkladığınızda 3 adet klasör ve 1 adet index.html dosyasıyla karşılaşacaksınız. İmages klasörüne resimlerimizi koyduktan sonra değişiklik yapmak için index.html dosyasını açıyoruz ve aşağıdaki satırlardan düzenlemelerimizi yaptıktan sonra sliderımız kullanıma hazır hale gelecektir.
Örnek ; omer.jpg adında bir resmimiz olsun” Resimlerinize Türkçe karakterlerle isim vermemeye çalışmalısınız yoksa resminiz internet ortamında görüntülenmeyecektir” bu resmin boyutları slider a boyutlarına uygun olması için 760×280 çözünürlüğe çevirmelisiniz. Bunu yaptıktan sonra resmin bir küçük halini 83×55 boyutunda kaydederek images klasörünün içindeki thumbs klasörünün içine atacağız. Diğer resimleride aynı şekilde düzenliyoruz ve klasörlerimizin içine atıyoruz. Sonrasında ise index.html dosyasını dreamweaver veya frontpage gibi editör programlarla açarak ve aşağıdaki satırları düzenliyoruz.
Yukarıdaki omer. jpeg dosyasına göre düzenlenmiş halidir.
Yorumlarınızı bekliyoruz.
KOLAY GELSİN
(367)
Yorum(13)
Yorum bırakın Yanıtı iptal et
Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.
Hocam öncelikle çok teşekkür ederim.Gerçekten yayımladığınız site çok harika.Burdan hergün yeni birşey öğreniyorum.Bir sorum olucak.
Ben suan html bi site yapıyorum.Bu projenin içindeki images js ve css dosyalarını attım fakat ben bunu sitemde nasıl çalıştırabilirim yardımcı olurmusunuz ?
sitemde link verip baska sayfaya yönlendirmek istemiyorum.Benim anasayfamda hemen menünün altına koymak istiyorum.
Şimdiden teşekkür ederim.(Bu arada size sormadan önce araştırdım fakat açıklayıcı cevaplar bulamadım daha yeni olduğum için html de tam bi cevap istiyorum lütfen)
ihsan arkadaşım verdiğim örneklerdeki sayfaların içeriğini kopyalayıp kendi istediğiniz sayfaya yerleştirebilirsiniz.ilk önce burda yayınlanan sayfaların < head> ve < /head> arasındaki scriptleri kendi sayfanıza kopyalayın sonrasında ise
< /body> içeriğinide kendi sayfanızda oluşturmuş olduğunuz tablo veya< div>in içine yerleştirdiğinizde tamamen istediğiniz gibi olacaktır. tabiki tavsiyem css ve html dersleri almanız ve öğrenmeniz gerekmektedir.Teşekkür ederim çok yardımcı oldunuz
ihsan bey yazdığım yazıyı tekrar okuyun çünkü bazı yerleri çıkmamıştı düzelttim. söylediklerinizle ilgili emin olun bir video çekeceğim. facebook beğen sayfamıza üye olursanız ordan haberleri yayınlıyorum direk karşınıza çıkar. kolay gelsin
sitenizi çok beğendim birde bu galerinin fla dosyası olsaydı sonuçta sadece flash ile hazırlanmış bir site yapacaksak bu galeriyi kullanamayacağız demek oluyor
Bu flash yapılmış bir resim galerisi değil sadece javascript ve jquery ağırlıklı bir slider. Fla dosyası olmaz o yüzden. herşeyi kodlarla yaparsınız… Flash daha farklıdır…
merhabalar oncelilikle paylasimlariniz icin tesekkur ederim. Ben bu eklentiyi sitemin tam ortasinda daha kucuk olarak eklemek istiyorum yardimci olursaniz sevinirim
çok teşekürler sayenzde güzel birşey görmüş olduk
index.html de çalışan slider index.php de çalışmıyor problem nerede olabilir?
Güzel bi paylaşım olmuş. Elinize sağlık teşekkürler.
Hocam öncelikle çok teşekkür ederim.Gerçekten yayımladığınız site çok harika ve çok bilgilendirici. Hocam ben bu kodları asp.net’e nasıl yazarım.
Muhammed arkadaşım kodları nasıl yazarım çok geniş bir konu. ASP biliyorsan yapman gereken yönetim panelinden bu sayfa için bir yönetim sayfası oluşturup. Resim upload bölümü oluşturup sonrasında o resim kodunu slider’ın resim kodlarının oraya yazdırman. Daha başka bir şey yapmıyorsun. Bu sayfayı olduğu gibi kullanabilirsin.
merhaba hocam burda fotoların slayt şeklinde geçmesini istiyorum ne yapmam gerekıyor.