Home JQuery Sitene JQuery Slider Ekle ( video anlatım)
Sitene JQuery Slider Ekle ( video anlatım)

Sitene JQuery Slider Ekle ( video anlatım)

322
48

Merhaba Arkadaşlar ,

Sitemizde Jquery slider ekleme ile ilgili birçok  yazılı anlatım yapılmıştı. Ama bazı arkadaşlarımız  bu slider’ın kendi sitelerine nasıl ekleneceği konusunda eksiklikleri olduğunu bildirdiler. Bizde bu yüzden örnek çalışma yaparak  kendi sitemize nasıl  slider ekleyebiliriz ile ilgili ayrıntılı video çektik. Tabi eklediğimiz slider türü herkesin sevdiği Nivo Slider.

Umarım video sizi aydınlatacaktır. Yorumlarınızı bekliyorum. Emeğe saygı 🙂

Kolay gelsin .

Videoyu izleyemiyorsanız Youtube.com engellenmiştir.

Çözüm için DNS adreslerinizi aşağıdaki gibi değiştirin.

Tercih edilen DNS Sunucusu:  8.26.56.26

Diğer DNS Sunucusu : 8.20.247.20

.

Siteye Nasıl Jquery (nivo) Slider Eklenir?  Videolu Anlatım

Nivo slider kodlarını eklemek için aşağıdaki linki tıklayın.

 

Nivo Slider dosyalarını indirmek için aşağıdaki linki tıklatın.

(322)

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

  1. Arkadaşlar Ve Ömer Abi Mrb. Ya Ben Yapıyorum Herşey İyi Güzel Yalnız Slider Oynarken Resimlerde Kayma Oluyor, Bulunduğu Yerden Yukarı Taşıyor 2 Sanye Falan Sürmyor Yerine Oturuyor Yardımcı Olur Musunuz Lütfen Sorun Nedir Acaba?

    1. veysel arkadaşım büyük bir ihtimaller resimlerin linklerini vermemişsindir. resimlerin aynı klasörde ve .jpeg mi .png mi yazdığını bilmen gerekli. kısacası kodlarda images klasörünün içindeki resimlerin uzantılarına bak veya isimleri doğru yazılmış mı onları kontrol etmen lazım. anlattıklarımda hiçbir sorun yok. sorun dikkatsizlik emin ol:)

  2. Abi Yanlış Anlaşıldım Galiba 🙂 Anlatıkların On Numara Daha Öncede Teşekkür Ettim, Şimdide Teşekkür Ediyorum Eline Sağlık.
    Tüm Resimler JPEG Slider Oynarken Görüyorum Resimleri İşte Tek Sorun, Resim Geçişi Sırasında Resim Biraz Üstte çıkıyor Sonra Hemen Yerine Oturuyor.

  3. hocam anlatim çok güzel fakat bunu tasarımımızın ortasına yapıştırdıktan sonra dewam edemyoruz jquery’i yapıstırdıgımız divden sonra açtıgımız divler görünmyo yardım edersenz çok sevinirim..

  4. Hocam bu sliderı tasarımımda kullandım fakat istediğim pozisyona getirmek için margin ve padding değerleriyle oynadım,sonuç olarak pencere istediğim yere geldi ama resim geçişlerinde resim 2-3 saniye yükseliyor ve resmin altında bozulma oluyor sonra pencereyi konumlandırdığım yere oturuyor.Ne yapmalıyım?

    1. Hocam bir de yaptığım açılır menü,sliderın üzerine geliyor ve geldiği yerden itibaren sliderın altında kalıyor bunu relative ve absolute değerlerin hangisi değiştirerek düzeltebilirim?

  5. slm abi ben yaptım gayet guzel oldu emegıne saglık ama bır sorum olacak slider in altındakı sayıları kaldıra bilirmiyiz

  6. hocam iyi günler benm size bi sorum olacaktıı ben ttnetmüzik sitesindeki gibi müzik çalar eklemek istiyorum yaptığım istemde onu nasıl yapabilirim sizden önerilerinizi bekliyorum şimdiden teşkkürler

  7. sayın hocam anlatımınız sayesinde siteme slideri ekledim fakat chrome tarayıcısında sorunsuz çalışırken internet explorer tarayıcısında link çalışmıyor,yani slider çalışıyor ama üzerine tıklayınca belirlediğim sayfayı açmıyor.
    bu konuda bana çok acil yardımcı olabilirseniz sevinirim

  8. anlatım güzel olmuş. elinize sağlık.yalnız benim gibi acemiler joomla ila yapılmış bir steye nasıl entegre edecekler ? yardımcı olursunuz inş.

  9. Ellerini sağlık abicim çok güzel hazırlamışsın ama biraz ayıp olucak doğrusu ben yapamadım 🙁 daha doğrusu kodları bulamadım.Yardımcı olursan çok sevinirim abicim,şimdiden çok teşekkürler,emeğine sağlık 🙂

    1. Hasan arkadaşım videodaki site değişmiş lakin download yazısına tıklarsan indirmiş olurdun zaten. Neyse yukarıdaki videonun altında indirme linkini verdim girdiğin sayfadan download yazısına tıklayarak indirebilirsin.

  10. Dosyaları indirdim ömer abi fakat videodaki siteden kopyaladığın kodları bulamadım,videodan bakım yazdığımda ise “slider-wrapper’ı” görmedi,ne yapmalıyım bu konuda? 🙂

      1. Çok çok sağolun ömer abi,gece gece rahatsız ettim özür dilerim,tekrar teşekkürler,iyi geceler 🙂

  11. sliderın altında çıkan 12345678 gibi numaraları nasıl kaldırabiliriz acaba ömer hocam..şimdiden teşekkürler..

  12. merhaba hocam mantıgı anladım fakat php haber sitesine nasıl entegre edebiliriz herhangi bir slider manseti onu yapamadım gittim :(( yardımcı olursanoz cook sevinirim

    1. emrah ,bahsettiğin siteye aynen burda olduğu gibi ekleyeceksin o kadar. Sadece slider resmlerini dışarıdan bir kaynaktan seçip admin panelinde resimleri ayarlamak istiyorsan php admin panelini kendin yazman gerekiyor.

  13. slm.. ömer sliderin üstüne resim nasıl eklicez örneğin altta slider geçiş yaparken ben üstüne resim eklicem yani slider normal görüntüde değilde benim çizdiğim resmin şeklinde görünsün istiyorum yuvarlak weya oval vs vs bunu nasıl yaparız sölermisin

    1. İbrahim o konuyla ilgili bir çalışma yapacağım inşallah. Lakin şu sıralar evlilik işleriyle uğraştığımdan. Kısa konular ile ilgileniyorum. Sırf zamanım gitmesin diyede derste çekim yapmaya başladım. 🙂

  14. Hocam merhaba…Ben bu jquer slider ı sitemde arkaplan olarak yaptım hazırdı zaten sadece resimlerimi değiştirdim..Bundan sonrası için içerik için divler açıyorum logomuda yerleştirdim ama iş menüye gelince menum gözükmüyo arastırdım ama bı turlu bulamadım design kısmından yapıyorum sitemi gerektiğince kodlara bakıyorum.Yardımcı olursanız cok mutlu olucam.Şimdiden teşekkürler

  15. Egemen arkadaşım, malesef kişisel siteler için yardım yapmıyorum. O kadar çok yardım isteyen arkadaşımız var ki anlatamam. Beni de anlayacağınızı umuyorum.Videolarda her şey en iyi şekilde anlatılmaya çalışılmıştır. Asgari html ve css bilgisiyle herkes bu çalışmaları video izleyerek kendi sitelerinde uygulayabilirler.

  16. en azından cevap verdiğiniz için teşekkür ederim hocam slider hazır sizin videoyu saniye saniye takip ederek hazırladım mükemmel oldu siteye entegre etme kısmına gelindiğinde video bitti bende haliyle kodu olduğu gibi sayfaya entegre ettim ama slider olarak eklemedi

  17. Merhaba,
    menucool.dan indirdiğim slideları kullanıyorum genelde.
    Sliderım düne kadar çalışıyordu.
    hiçbirşey silmediğim halde önizleme yaptığımda slider kısmında loading iconu görünüyor.
    Bu durum neden olur?

    1. Doğa malesef görmeden bir şey söylemem mümkün değildir. Silmediğin bir şey varsa olmaması mümkün değildir. Başka bir bilgisayarda denemeni tavsiye ederim.

  18. Hocam çok detaylı bir açıklama olmuş, uzun zamandır araştırmasını yaptığım bu konu ile artık tarafınızdan bilgi sahibi oldum diyebilirim. Konu hakkında verdiğiniz değerli paylaşımınız benim gibi diğer ihtiyaç sahiplerinin de işine çok yarayacaktır umuyorum, teşekkürler..

      1. hocam çok güzel anlatmışsınız ama teampalate de DVT OLUŞTUĞU İçin sadece teamplate içinde çalıştığımz için nerye ilk head dan sonra aldığımız kodu yapıştıracm

  19. Ömer Abi Nivo Slider Video’nu izledim Ama Sayfada Aldığın Kodları bulamadım Yardımcı Olabilirmisin Dönem Ödevimde istediler.

    1. Dursun arkadaşım, sitede nivo slider konusuna dönersen orada senin için linkleri ekledim. Birde facebookta da soru olarak sordun, ordan da link gönderdim. Bakabilirsin.

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.