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)
Yorum(48)
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.
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?
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:)
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.
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..
divler nasıl görünmez:) Editör programında gözükür. Ne anlatmak istediğini anlamadım kadir. Daha açıklayıcı olabilir misin?
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?
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?
kadir facebooktaki grubumuzdan bana çalışmanı gönderebilir misi? ordan bakayım
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
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
uğur arkadaşım bashettiğiniz site büyük bir ihtimalle flashmp3 player kullanmış. TIKLA
Yıkarıdaki linkte çeşitli flash mp3 player bulabilirsin.
ömer bey siteme slider eklemek için videonuzu izleyip slideri hazırladım fakat sideye eklemekte sıkıntı çekiyorum yardımcı olurmusunuz
Emeğinize sağlık hocam. Gayet açık ve net bir anlatımdı.
İyi çalışmalar diliyorum.
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
murat evt dediğin gibi internet explorerda link kısmı çalışmıyordu. Ama onu yeni versiyonunda düzelttiler. istersen yeni versiyonunu indir ve düzenle.
link :http://dev7studios.com/downloads/63
çok teşekkür ederim ömer bey işimi gördü.iyi çalışmalar
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ş.
zehravi joomlaya nasıl eklenir konusu hakkında bilgim yoktur. kusura bakma.
ilginiz için tşk
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 🙂
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.
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? 🙂
Hasan Videonun altına sitenin o bölümünün linkini ekledim şimdi, bakabilirsin.
Çok çok sağolun ömer abi,gece gece rahatsız ettim özür dilerim,tekrar teşekkürler,iyi geceler 🙂
sliderın altında çıkan 12345678 gibi numaraları nasıl kaldırabiliriz acaba ömer hocam..şimdiden teşekkürler..
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
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.
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
İ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. 🙂
güzel bir kaynak olmuş teşekkürler
hocam daha küçük boyutu olan slider nereden bulup ekleyebiliriz siteye?
Yeni kod linki var mı acaba site değişmiş 🙂
Esra sitene eklediğin divleri kontrol etmelisin. Gerekirse z-index değeri atamalısın. Herhalde menün arkada kalmış. O yüzden aşağıdaki dersi izlemeni tavsiye ediyorum. Kolay gelsin. http://www.omerbozalan.com/adobe-dreamweaver-cs6-dersleri-ders-5.html
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
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.
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
Egemen bey, Nasıl video bitti … 🙂 siteye ekledik çalıştırdık ve öyle bitirdik.
hocam elinize sağlık 1 haftadır uğraşıyorum
kodları çalıştıramamıştım sizin hazırladığınız video’da işlem tamam teşekkürler.
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?
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.
🙂
.js dosyası içinde “var” ın -v- sini silmişim.
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..
hocam ben bu anlatığınızı nasıl teampalete ye ekliye bilirim
Murat arkadaşım zaten videoda nasıl eklenildiğini anlattım.
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
Murat arkadaşım, html kodları olan her temaya ekleyebilirsin. Önemli olan o temanın kodlarına girebilmendir.
Ömer Abi Nivo Slider Video’nu izledim Ama Sayfada Aldığın Kodları bulamadım Yardımcı Olabilirmisin Dönem Ödevimde istediler.
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.