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)
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 bunun üzerine siteyi nasıl oturtacaz?
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…
Hocam kusura bakmayın ben bunu siteye bg olan slider zannettim…
Esatcan neyi ekleyemedin anlamadım. Resimleri değiştireceksin o kadar. Kendi resim isimlerini vereceksen kodları düzenleyeceksin.
Ö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ı.
Mahmut arkadaşım, style dosyasının içindeki #prev_c img #nect_c img kısmını yeniden düzenlemelisiniz. kolay gelsin.
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
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.
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
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.
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.
Elmir arkadaşım söylediğinden hiçbir şey anlamadım malesef.
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.
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.
Cok Saol Hocam anladim.Tesekkur ederim.
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..
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.
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.
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.
Çö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 ..
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.
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
bir şy sorucam abicim bn kodları açıyorum ama resimleri değiştiremiyorum nasıl yapıcam yardımcı olurmusunuz
Fatma arkadaşım en basiti resim klasörünü bul, sonra aynı ada sahip resmini onun yerine koy. Resimlerin isimleri aynı olsun yeter.
Hocam merhaba resim sayısını artırmak istiyorum 5ten sonrasında hata veriyor neden yapar ?
Hocam bu sliderlardan herhangi birisini bize ait olan bi web sayfasına nasıl entegre edebiliriz ?
hocam hayıtlı günler bu eklemiş olduğumuz resimlere link vermem gerekiyor onu nasıl yapabilirim yardmcı olursanız sevinirim.
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ı ?
hocam merhaba beden de resimler büyük ama ufaltınca neden sıkıntılar çıkıyor bunun için ne önerirsiniz
hocam merhaba, fotoları ekledim ancak sağ ve sola kaydırma okları görünmüyor, kutucuk şeklinde duruyor, bunu nasıl düzeltebilirim?
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
slider tam sayfayı ekranı kaplamadı ayrıca hocam bu konu da ne yapabilirim
bende de kayma sorunları oldu
Benim sorunlarım neredeyse düzeldi hocam eksik kalanlarıda ileride sizler ile paylaşacağım teşekkürler..