Home CSS3 / HTML5 CSS3 ve jquery Slider ( Rotate image Slider)
CSS3 ve jquery Slider ( Rotate image Slider)

CSS3 ve jquery Slider ( Rotate image Slider)

95
20

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)

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(20)

  1. 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

  2. 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.

  3. 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 ?

    1. cemal arkadaşım sevindim. Arkadaşlarınada sitemizden bahsederseniz seviniriz. facebook grubumuzu diğer arkadaşlarınıza bildirmenizi isteriz. Sağolun tekrar

  4. 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.

    1. 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.

  5. 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.:)

    1. 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.

  6. 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..

  7. 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

  8. 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.

  9. Ö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 🙁

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.