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

Tam Ekran Hazır Slider Galeri Örnekleri

3.61K
25

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.

DemoButton
 

DemoButton
 

DemoButton
 

hemen-indir-butonu

(3611)

omerbozalan 1981 doğumluyum. Üniversite eğitimimi, Sakarya Ünv. Elektronik ve Bilgisayar Öğretmeni 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ınlarak tüm bildiklerimi sizlerle paylaşmak istedim. Kendimi Web Tasarım, Grafik Tasarım, Donanım konusunda hâlâ geliştirmekteyim.

Yorum(25)

    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

Senin Yorumların

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Sonucu Giriniz * Time limit is exhausted. Please reload CAPTCHA.