Home CSS3 / HTML5 Tam Ekran Hazır Slider Galeri Örnekleri

Tam Ekran Hazır Slider Galeri Örnekleri

1.36K
34

Merhaba arkadaşlar, Slider görüntülü anlatımlarından tutun, slider videolu anlatımlara kadar her şeyi sitemizde sizlerle paylaştık . Şimdi ise sizlere tam ekran hazır slider galeri örneği sunacağım. İnşallah beğeneceksiniz. Aşağıdaki indirme linkinden indirme işleminizi yaptıktan sonra 3 farklı slider örneği sizlerin olacak. Yapmanız gereken kendi resimlerinizi img klasörüne koyduktan sonra html dosyaları herhangi bir editör programıyla açtıp sonra resim isimlerini kendi resim isimlerinizle değiştirmek olacaktır. Yani ok az html bilgi sizin için yeterli olacaktır. Kolay gelsin.

 

 

 

(1355)

omerbozalan 1981 doğumluyum. Üniversite eğitimimi, Sakarya Ünv. Elektronik ve Bilgisayar Öğretmenliğini bitirerek tamamladım. Ayrıca C Sınıfı İş Sağlığı ve Güvenliği Uzmanıyım. 2014 Nisan ayında Adobe Dreamweaver CS6 Kitabımı yayınlayarak tüm bildiklerimi sizlerle paylaşmak istedim. Kendimi Web Tasarım, Grafik Tasarım, Donanım konusunda hâlâ geliştirmekteyim.

Yorum(34)

    1. Emrah arkadaşım bu galeri, bu sayfayı galeri olarak yapacaksın. Bu çl sayfaya link vereceksin. Bu çalışma, siteye oturtulur mu sence? kocaman bir şey…

  1. Ömer Hocam çok güzel bir slider emeğinize sağlık, bu slider’in height değerini düşürdüğümüz zaman prev ve next düğmelerinin durumunu değiştiremedim. nasıl ypabiliriz . css de oyamadığım yer kalmadı.

  2. hocam ben bu slidir in üstüne site nasıl yerleştiririm eğer yerleştirme olmazsa sitede divlerin içine mi kodlarını koymam gerekiyor

    1. Muhammed arkadaşım en son paylaştığım web sitesi formatı burada anlattığın site gibi. Bence onu istediğin gibi değiştirsen istediğini yapabilirsin.

  3. hoCAM BEN DREAMWEAVER VEYA FİREWORKSTA YAPTIĞIM ÇALIŞMAYI WEB SAYFASINDA AÇTIĞIM ZAMAN EKRANI KAPLAMIYOR BUNUN İÇİN NE YAPMAMM LAZIM ŞİMDİDEN TELŞEKKÜRLER

    1. Muhammed arkadaşım, en son paylaştığım haftanın ücretsiz responsive teması#8 makalesinde geçen tasarımdan bahsediyordum. Onu indirmelisin. Bir diğeri fireworksta yaptığın temanın genişliği neyse ekranda da o genişlikte olacaktır. Tüm çözünürlüklere göre tasarım yapmalısın. Bunuda yapabilmen için responsive tema yapımıyla ilgili çalışmaları ve videoları izlemen anlamına geliyor.

  4. Hocam Azerbaycandan sana selamlar.
    Hocam ben bi veb sitesi indirdim ama o veb sitesinin link kisminda files falan yaziyo ben onu nasil .comlu yapa bilirim lutfen cevapla.

      1. Hocam Bir site kurdum.O web sitesi de notepadlaydi ben ona isim verip sonuna .index yazdim ve tarayiciya donustu.Tarayiciyla siteye girdim ve Link kismi var ya orada boyle yazildi.
        file:///C:/Users/LG/Downloads/fractalbroccoli/index.html
        Simdi ben onu nasil yapiyim ki .comlu olsun.

        1. Elmir, Arkadaşım com lu site yapman için bir hosting firmasın sitesine gireceksin. en az 30 veya 40 dolar ücretle kendine host ve domain (com uzantılı site ismi yani) alacaksın. Sonra yaptığın dosyaları satın aldığın host(internet harddiski) ne atacaksın. Bu kadar… internette hosting ve domain hakkında araştırmalar yaparsan daha iyi anlayabilirsin.

  5. merhaba hocam, yaptıgınız tutSlide sayfayı kullandım.
    burda bir menu yatım hocam. menu de bir oluştrudum bu galeride fotografları tıkladığımda facebook gibi acılmasını için jquery.fancybox-1.3.4 kullandim ama fancybox çalışmıyor normalde resim tek sayfada cıkıyor. facebooktaki gibi çıkması gerekırken çıkmıyor. umarım derdimi anlatmışım hocam. yardımcı olursanız sevinrim.
    Saygılar..

    1. mehmet arkadaşım birden fazla jquery kullanırsan sayfanda çakışma olasılığı yüksek. Yapman gereken sitemizin arama motorunu kullanarak “çakışma” olarak aratıp jquery çakısmasında çözüm makalesini okumandır. Kolay gelsin.

  6. merhaba hocam öncelikle çok çok teşükür ederim ellerine sağlık. bu çalışma için başak bir sorunum dada olacaktı,resimlern yuksekliklerni küçük seçtiğimde boyutu buyuk olan pclerde alttan beyazlık görunuyor resim yukseliği ile aynı veya az olan pclerde sıkıntı yok. boyutları resimlerden buyuk olan pclerden bu sorundan kurtulmam için ne yapmam gerekıyor.Resim boyutu ne olursa olsun tüm pclerde ekranı kaplanmasını ıstıyorum. Herşey için TeşekürlerHocam.

    1. Mehmet arkadaşım, tam ekranlı çalışmalarda bu sorun he zaman var. Yapman gereken yüksekliği çok büyük yani kaliteli çözünürlükteki resimleri kullanman lazım. Zaten bu çalışmada kullanılan resimler yeterince büyük bu çalışmadaki resimlerin boyutlarında resimler eklemen yeterli olacaktır.

      1. Çözünürlüğü yüksek olan resimleri konulunca hocam resimlerin gec acılması sorunu ve resim boyutlarından küçük olan pclerde ilk görünüşte resmin üst kısmını gösterıyor sadece. dediğim şekilde mesela 1024×768 olsa da 100×60 olsa da tüm ekranı kaplanmasını göstermem için ..

        1. mehmet arkadaşım 100×60 resmi büyültürsen ne olur, resim bozulur. Yukarıdaki çalışmada zaten söylediğin gibi. Monitör küçülünce resimde küçülüyor. Büyük resimleri küçültmede sorun yaşamazsın zaten, çünkü çözünürlüğü bozulmaz. Ama küçük resmi büyütürsen resim bozulur. Resmi en iyi çözünürlükte yapacaksın, yani tüm ekranlara sığacak şekilde koyacaksın. Sen gerisini boşver.

          1. Haklsınız hocam çözünürlük bozulması hakında. ama küçük mönitörlü pclerde cözünürlüğü yuksek yaptıgım resimlerin yarısı yanı resmin ust kısmı cıkıyor. ondan dedim hocam. genede cok teşekkür ederim sağolun

  7. bir şy sorucam abicim bn kodları açıyorum ama resimleri değiştiremiyorum nasıl yapıcam yardımcı olurmusunuz

  8. hocam hayıtlı günler bu eklemiş olduğumuz resimlere link vermem gerekiyor onu nasıl yapabilirim yardmcı olursanız sevinirim.

  9. ben dikab öğretmeniyim ve derslerimde teknolojiyi kullanmayı seviyorum, ayrıca yazılarınız gerçekten çok güzel ve elimden geldiğince takip ediyorum. acaba bu html5 ile veya google web designer programı ile bir slayt yapabilme imkanımız var mı?
    veya bu tarz işi yapan başka bir program var mı ?

  10. hocam merhaba beden de resimler büyük ama ufaltınca neden sıkıntılar çıkıyor bunun için ne önerirsiniz

  11. hocam merhaba, fotoları ekledim ancak sağ ve sola kaydırma okları görünmüyor, kutucuk şeklinde duruyor, bunu nasıl düzeltebilirim?

  12. Merhaba sizin vermiş oldğunu slideri ekledim ama çalışmadı 4 resim olarak yaptım sadece bir tanesi geliyor geri kalan 3 resim gelmiyor bu yuzden sıkıntı yasadım ne yapmam lazım acıl yazar mısınız lutfen

  13. Benim sorunlarım neredeyse düzeldi hocam eksik kalanlarıda ileride sizler ile paylaşacağım teşekkürler..

Yorum bırakın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.