CSS3 ve jquery Slider ( Rotate image Slider)
Merhaba Arkadaşlar ,
Sizler için bulduğum daha farklı bir yapıya sahip yapılmış bir css3 jquery resim slider‘ın nasıl düzenleneceğini anlatacağım , çalışmanın örneğine baktığınızda zaten diğerlerinden ayıracaksınız.
Çalışmayı indirdiğinizde 3 klasör ve bir index.html dosyası göreceksiniz. Her zamanki gibi images klasörünün içine kullanacağımız resimleri koyuyoruz, lakin şunu unutmayın resmin boyutları 310×465 şeklinde olmalı.” yani uzunluğu genişliğinden fazla bir boyut seçerseniz bu slider işinizi görür”. Sonrasında ise index.html dosyasını Web editör programı yardımıyla açarak koyduğunuz resimlerin adını değiştiriyorsunuz.<
Kolay gelsin,
Yorumlarınızı bu başlık altından yazabilirsiniz.
(95)
Yorum(20)
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 yine siz ve yine mükemmel çalışma.Allah razı olsun.Allah yolunuzu açık etsin.
ya ömer bey ben site yapmak istiyorum bu slideri admin paneli ile nasıl yapabilirim yani admin sayfasına gittiğinde istediğim resmi eklediğimde slidere eklensin resimlerei admin panelinden ekliyecem yani
bouncer aynı soruyu başka bir arkadaş sordu o yüzden sanada aynı şekilde cvp vereyim.
asp veya php biliyorsan bunu entegre etmen basit olacaktır. ama size yapımıyla ilgili siteyi göndermek istiyorum .
siteye git
bu siteden az çok asp biliyorsan nasıl yapıldığı hakkında fikir sahibi olabilirsin.
s.a bu çalışmanın aspx değilde asp olanı varmı aceba nette çok aradım da bulamadım yardımcı olursanız sevinirim ?
cemal malesef yok. Kendiniz siteye entegre etmelisiniz. asp biliyorsanız tabikide.
Kısmettir ya işde bayadır ugraşıyordum sonunda oluşturdum 1 tane hemde sizin sitenizdeki
slider kullandım
http://www.omerbozalan.com/sitene-mukemmel-jquery-slider-ekle-videolu-anlatim.html
dilerseniz diğer arkadaşlarda faydalansın paylaşırım ilğiniz için teşekkür ederim.
cemal arkadaşım sevindim. Arkadaşlarınada sitemizden bahsederseniz seviniriz. facebook grubumuzu diğer arkadaşlarınıza bildirmenizi isteriz. Sağolun tekrar
tabiki bahsediyorum paylaşımlarınız için gerçkeden çok teşekkür ederim sizlere.
Merhaba
bu güzel slider ve açıklamalar için öncelikle teşekkür ederim.
gelelim benim sorunuma 🙂
sayfaya girildiğinde slider otomatik olarak çalışmıyor.
Bunun nedeni ve çözümü hakkında bilginiz varmıdır acaba
şimdiden yardımlarınız için teşekkür ederim.
burak arkadaşım bu slider normal slider lar gibi değil. sebebine gelince bir karede birden fazla resim var. dolayısıyla kişi siteye girdiğinde hemen otomatik olarak çalıştığını düşünürsen siteyi gezen kişi diğer resimleri göremez. Kişi çevirmek isterse kendisi yapması bu tarz sliderla için bence çok mantıklı. Ama sen yinede değiştirmek istiyorsan. indirdiğin klasörlerin içinde js klasörü var o klasörün içindede jquery.RotateImageMenu.js dosyası var onu uygun bir editör programıyla açarsan hem zaman ayarlamasını yapabilirsin hemde istediğini düzenleyebilirsin. kolay gelsin.
Merhaba Ömer hocam,
Öncelikle paylaşımlarınız için herkez gibi bende teşekkürlerimi bir borç biliyoe ve teşekkür ediyorum…
İyi kötü yeni birisi olarak Dw kullanıyorum ama sayesnizde öğrenmeye çalışıyorum sitenizden aldığım linkdeki http://www.omerbozalan.com/hazir-moda-tasarim-porfolyo-site.html bu temaya bu sayfadaki CSS3 ve jquery Slider ( Rotate image Slider) ekleyebilirmiyim galeri yani portfolio sayfasına bunu nasıl entegre edebilirim?
Başka başlıklar altında benzer konular vardı ancak iki css ve bir çok dosya her ikisindede barınıyor bunu nasıl yapabilirim?
Umarım kendimi anlatabilmişimdir.:)
fatih arkadaşım tabikide istediğin gibi eklemeler yapabilirsin. Ama div ve css mantığını iyi bilmen gerekiyor. Bahsettiğin iki css dosyası her ikisinde barınıyorsa yapman gereken birisinin ismini değiştirmek ve onu ana sayfanda çağırmak olacaktır.
merhaba.sliderı yaptım ama play ve pause ,ayrıca ileri geri yapmıyor resimde sorun ne acaba kodda yanlışlık ta yok gibi gözüküyor..
Merve hanım slider çalışıyor. browser güncellemesi yapınız. Kolay gelsim
çok iyi ya..
hocam peki bunu devamlı dönecek şekilde nasıl ayarlaya biliriz yani sayfada bir play yapmadan kendi belli saniyeler içinde nasıl döner
Land arkadaşım zaten öyle dönüyor. Bir kere play yapınca devamlı dönüyor
ben play yapmadan dönmesinden bahsettim hocam. yapılabilirmi?
Hocam sanırsam otomatik play için düzenlenmesi gereken kod bölümü js/jquery.RotateImageMenu.js içerisinde. fakat düzenleme yapacak bilgim yok.
Öcelikle tşk ederim bu slider için benim tek sorunum otomatik devam etmesi js/jquery.RotateImageMenu.js dosyasında otomatik ayarı bir türlü bulamadım 🙁