R10‘dan bir arkadaş değişen arkaplan eklentisi isteyince bana gün doğdu ve hemen kolları sıvadım 🙂
Öncelikle şunu belirtmek isterim ki bu eklentideki çok önemli bir sorunumu çözen ve bana yardımcı olan fka‘ya teşekkür ederim.
Eklentinin kullanımı ;
İlk işimiz sitenizde bir js dosyası yoksa direk aşağıdaki kodu head tagı arasına ekliyoruz
|
1 |
<script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"></script> |
Sonra eklentinin js kodunu head tagı arasına ekliyoruz. (Direk aşağıdaki kodu ekleyebilirsiniz.)
<pre class=”lang:javascript decode:true ” ><script src=”http://calismalar.aycan.net/degisenArkaPlan/kutuphane/js/ab-degisenArkaPlan.js” type=”text/javascript”><!–mce:1–></script>
En son olarak aşağıdaki eklentiyi çalıştırma komutumuzu sayfanın head tagları arasına ekliyoruz. Not (resimler : “” kısmına kendi resimlerinizin dosya yolunu yazmayı unutmayınız.)
|
1 2 3 4 5 6 7 |
$(document).ready(function () { $('body').abDegisenArkaPlan({ resimlerArasiGecis: 2000, resimEfekleri: 1000, resimler: "resim1.jpg,resim2.jpg,resim3.jpg,resim4.jpg" }); }); |
Eklenti kullanımı bu kadar arkadaşlar. Birazda kodları anlatacak olursak
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 |
* * --------------------------------------------------------------------------- * Bu jQuery eklentisi Aycan BULBUL(http: //www.aycan.net/) tarafından yapilmistir. * Eklenti Adi: abDegisenArkaPlan 1.0(http: //calismalar.aycan.net/degisenArkaPlan/) * Yazar: Aycan BULBUL, ab@ aycan.net * Tarih: Tarih 07 Ocak 2012 * * --------------------------------------------------------------------------- * * Kullanim: http: //www.aycan.net/jquery-ile-degisen-arkaplan-eklentisi/ * * < script type = "text/javascript" > * $(document).ready(function () { * $('body').abDegisenArkaPlan * ({ * resimlerArasiGecis: 2000, * resimEfekleri: 1000, * resimler: "resim1.jpg,resim2.jpg,resim3.jpg,resim4.jpg" * }); * }); * < /script> * * *--------------------------------------------------------------------------- **/ (function (jQuery) { jQuery.fn.abDegisenArkaPlan = function (veriAkisi) { var varsayilan = { /*Yukarida gonderilen verileri burada aliyoruz*/ resimlerArasiGecis: 1000, resimEfekleri: 1000, resimler: '' }; var ayarlar = jQuery.extend(varsayilan, veriAkisi); return this.each( function () { //Objeyi $obje degiskenine atiyoruz $obje = $(this); //ekran genisligini ve yuksekligini aliyoruz. $genislik = $(document).width(); $yukseklik = $(window).height(); //virgul ile eklenen resimleri temizliyoruz. var resimler = varsayilan.resimler.split(","); //resimleri eklemek icin body tagi icine bir div ekliyoruz $obje.append($('<div/>').addClass('ab-resim-tasiyici-ab')); //eklentiye tanımlanan tum resimleri deminki div'in icine ekliyoruz for (var i in resimler) $('.ab-resim-tasiyici-ab').append($('<img/>', { src: resimler[i] }).addClass('abResimler-ab').css({ position: 'fixed', width: $genislik, height: $yukseklik, left: 0, top: 0, 'z-index': '-1' }).hide()) //Dondurme fonksiyonunu calistiriyoruz. dondur(); //Tum resimler bittikten fonksiyonu tekrardan yeniden calistiracak olan fonksiyonu yaziyoruz. setInterval(function () { dondur() }, varsayilan.resimlerArasiGecis * resimler.length) //Hooop dondurmeye başlıyoruz function dondur() { $('.ab-resim-tasiyici-ab .abResimler-ab').each(function (i) { var seciliResim = $(this); setTimeout(function () { $(seciliResim).prev().fadeOut(varsayilan.resimEfekleri).end().fadeIn(varsayilan.resimEfekleri).end().fadeOut(varsayilan.resimEfekleri); }, varsayilan.resimlerArasiGecis * i); $(seciliResim).fadeOut() }); } // Resimler donerken kullanici tarayici boyutu ile oynarsa resimleri tekrar boyurlandiriyoruz. $(window).bind('resize', function () { $('.abResimler-ab').css({ 'width': $(document).width(), 'height': $(window).height() }); }); } ); }; })(jQuery); |
Öncelikler elinize sağlık üstat ve çok teşekkür ederim yardımın ve bu güzel eklentiyi bizim için hazırladığın için.Bence her tasarımcının arşivine alması gereken bi eklenti tekrardan eline sağlık 🙂
arkadasım cok sag ol farklı tarayıcılarda bır sorun cıkmaz umarım.
Hiç bakmadım diğer tarayıcılarda ama sorun çıkacağını düşünmüyorum.
dostum sağol buna buton ekleyebilirmiyiz acaba
Hangi işlevi gerçekleştirecek buton istiyorsun ?
şöyle sayfanın alt köşesinde veya üst köşede slidermış gibi kullanıcı 1-2-3-4-5 tarzı kendi isteğimizlede değiştirme arkaplan değişimi sağlayabilme olsa mükemmel olur sağol buarada
Hmmm anladım siz slider mantığı istiyorsunuz. Tıklanan arkaplan öylece kalsın hatta bunu cookie’ye atsın kullanıcı kendi arkaplanını seçebilsin değil mi ?
evet üstad o tarz bişey olurda bizlerle paylaşırsan harika olur
m.s yakın zamanda böyle birşey yapacağım ama zaman konusunda söz vermiyorum sen bu eklenti için istediğin giğer detayları iletişim sayfasından mail atarsan sevinirim.
teşekkürler en kısa zamanda bekliyoruz inşallah
guzel bır uygulama yanlız bıraz gec acılıyor oda resımlerın boyutuyla alakalı.cozunurlugu yuksek resımler oldugu ıcın.buna loader gıbı bır sey eklemeyız dımı 🙂
O bu eklenti çok hoşuma gitti.. kpssrehber.com portalımıza uygulayacam inş..
Arka plandaki görsellerin deformasyonu engellenemiyor mu? Pencere boyutuna göre görseller deforme oluyor. Bozulmadan tam doldurma olursa daha iyi olur kanımca…
Bir ara çok aradım bu eklentiyi ama şimdi maalesef işime yaramıyor. Fakat ileride lazım olursa nerede bulacağımı artık biliyorum. Teşekkürler
merhaba aycan,
çok güzel bir uygulama olmuş benim sormak istediğim geçiş efektlerini değiştirebilirmiyiz?
Merhaba Ahmet, evet değiştirebilirsin. Jquery UI’den efekt js dosyasını alabilirsin.
Çok sağolasın üstad. Daha önce çok aramıştım ileride lazım olacaktır bana.
Güzel bir çalışma, teşekkürler.
Benim de bir sorun olacak, geçiş efektlerini nasıl değiştirebiliriz?
Ahmet , $(seciliResim).prev().fadeOut(varsayilan.resimEfekleri).end().fadeIn(varsayilan.resimEfekleri).end().fadeOut(varsayilan.resimEfekleri); bu kısımdaki fadeın ve fadeout’u değiştireceksin.
bunu boyutunu ve konumunu kendımız belırledıgımız herhangı bır dıv’e nasıl uyarlarız ?
Öncelikle teşekkür edecektin değil mi?
Googleda birşey ararken senin siten ile karşılaşmanın vermiş olduğu mutluluğu yorumlara sığdıramam aycanım 🙂
Saolasın varolasın 😀
Seviyorum seni kanka : )
Emeğiniz için çok teşekkürler.
Elinize sağlık gerçekten uygulaması çok pratikmiş, teşekkürler. Yanlız bir şeyi beceremedim, yüklediğim resim dosyasının genişliği örneğin 2000px, site açıldığında ortalayıp göstermesi için ne yapabilirim ?
Bunu jquery’den yapmanız gerekecek, eğer jquery bilginiz orta’dan düşükse bunu yaparken zorlanabilirsiniz.
En az paylaştığınız çalışmalar kadar zahmet edip yorum satırlarında da tek tek açıklama yapıyor olmanız da çok faydalı. İstediğimiz noktada kolaylıkla değişiklikler veya eklemeler yapabiliyoruz.
Elinize sağlık, başarılar.
Güzel yorumun için teşekkür ederim Yunus. Elimizden geldiğincede her yorumu ayrı ayrı işlemeye devam edeceğim.
Teşekkürler, güzel paylaşım.Elinize sağlık.
Aycan Bey, bu çalışmanızı bizimle paylaştığınız için çok teşekkür ederim. Bu eklentinizi http://www.thebbhotels.com sitesinin anasayfasında kullandım, işime çok yaradı bundan sonra da yarayacak. Hakkınızı helal edin. Tekrar çok teşekkürler.
Merhaba Mehmet Bey,
Beni mutlu edecek tek şey eklentilerimin kullanılması. Çok teşekkür ederim.
Bu makaleyi okumadan once deli gibi aradigimi hatirliyorum eline saglik cok guzel makale olmus.
Merhaba öncelikle çalışma içi teşekkürler çok işime yaradı. Öncelikle resimlerin deforme olmaması için illaki çözünürlüğe göre mi kesmeliyim(sadece ekranda yayınlayacağım.(göstermelik) ve birde resimler bittikten sonra 2 saniyelik bir beyaz ekran geliyor onu nasıl kaldırabilirim?
Profesiyonel bir eklenti değil o yüzden resimler deforme oluyor ama ilk aramda bu işe yoğunlaşacağım.
Ellerinize sağlık, bence bu çalışmada resimler üzerine yoğunlaşılırsa çok başarılı ve profesyonel görünecektir.
Çook Teşekkürler. Allah(C.C.) razı olsun
elinize sağlık öncelikle çok güzel bir çalışma fakat internet explorerda pc den çalıştırdığım da normal çalışıyor ftp attığımda değişen arka planlar sayfanın altında çıkıyor. yelkiturizm.com sayfasında görebilirsiniz. google chrome da herhangi bir sorun ile karşılaşmıyorum. şimdiden teşekkürler
çok güzel bir uygulama olmuş. emeğinize sağlık.
bir şey sormak istiyorum. browser boyutu değişince orantılı olarak küçültüp büyütebilir miyiz? bu uygulamayı bulmadan önce SUPERSIZED diye bir eklenti kullanıyordum. orada browser boyutu değişince fotoğraflar orantılı olarak büyüyüp küçülüyordu. ilginize teşekkür ederim.
Çok teşekkür ederim bu çok işime yarayacak bir eklenti,bu eklentiyi yanlız http://shop.nordstrom.com/ adresindeki anasayfadakinin aynısına benzetmek istiyorum menüler içine katılmış fade olarak ama işin içinden çıkamadım,yardımcı olabilirseniz çok sevinirim.Teşekkür ederim
Dediğiniz yapı ile bu biraz farklı, uğraşmanız gerekecektir.
bana çözüm ya da pratik uğraştırmayacak bir örnek verebilirseniz çok memnun olurum .
teşekkür ederim.
Merhaba, eklenti kesinlikle herkesin islerinde keyifle ve guvenerek kullanacagi nitelikte, tesekkur ederiz 🙂 Fakat 🙂 benim kullanacagim projede bu eklenti tam sayfa degilde benim belirleyecegim bir div icinde yine o boyutta gorunmesi gerekiyor, div icine $(‘#hareketlifoto’).abDegisenArkaPlan({… seklinde aliyorum ama bu sefer yine tam sayfa gosteriyo ben ise 900’e 400 gorunsun istiyorum, bunu nasil yapabilirim ?
Merhaba aycan bu hazırladığın eklenti gerçekten çok güzel ben buna sonraki ve önceki resimlere gitmesi için buton koymak istiyorum ama yapamadım bu konuda yardımlarınızı bekliyorum..
hocam ben yaptım ama menuler filan hep kaydı yardım edermisisiniz?
Arkadaş bu kadar basit olamaz yahu, aradım buldum bu kadar yani. Sağolasın…
eklenti kodunu php içine atınca çalışmıyor neden olabilir ? sayfa html olunca açılıyor ?
Merhaba Arkadaşım Valla Ne kadar teşekkür etsem bu yorum kısmına sığdıramam .. Ama gerçekten çok işime yaradı teşekkürler..
Selamlar aycan öncelikle ellerine sağlık diyorum ve çok teşşekkür ediyorum sana.. bir sorum, ricam olacak belki yorumlarda yazılmışta olabilir gözümden kaçtıysa özür dilerim.. Resimlerin geçişleri belli bir sırada değilde random olması için ne yapmamız gerekir.. jQuery bilgim yok denecek kadar az.. ilgine teşekkürler iyi çalışmalar..
güzel çalışma için ellerine sağlık
arkadaşlar ben de kodda bi sıkıntı yok ama resimler kırık çıkıyo bi türlü resimleri görünteleyemedim sayfada “C:\Documents and Settings\Administrator\Desktop\aslan.jpg” olarak giriyorum ondna mı kaynaklı acaba
Evet resim yollarınızda sıkıntınız var.
Merhaba çalışmanız çok güzel elinize sağlık ancak sitemde denediğimde başka jquery kullnırsam (lightview) “0x800a01b6 – Microsoft JScript çalışma hatası: Nesne, ‘abDegisenArkaPlan’ özelliğini veya yöntemini desteklemez” hatasını alıyorum. ne yapabilirim?
Site adresini iletişim’den mail atarsanız ilgilenmeye çalışacağım
Merhaba, çok güzel bir çalışma. Yalnız eklediğimiz her fotoğraf için kodda güncelleme yapmak gerekmektedir. Belli uzantı tanımlı tüm ne kadar fotoğraf varsa klasör içinde otomatik onları seçtirme şansımız olmaz mı? Yani ben beğendiğim fotoğrafları boyut olarak ayarlayıp ftp ye atayım o otomatik bulsun, kod değişmesin.
Teşekkürler.
Merhaba Bahadır bu konuyu diç düşünmedim ama bu eklentinin 2. versiyonunda yapmaya çalışacağım.
merhaba öncelikle eklentiyi 1 hafta kadar oldu kullanıyorum ama şu anda soru sormaya gelene kadar ve sormadan önce yorumları okuyana kadar hiç teşekkür etmediğimi fark edip gerçekden utandım. Kısaca özür diler ve teşekkür ederim.
benim sorum şu olacak ;
Resimleri nasıl rastgele yaparız ?
Tekrar Teşekkür ederim.
Merhaba Kerem bey,
Bu sürümde öyle bir özellik yok ama versiyon 2’de öyle bir özelliği unutmazsam ekleyeceğim.
Öncelikle teşekkürler benim iki sorum olacak:
Bu sistemi web sayfamıza uyguladığımızda sayfa hızını yavaşlatır mı ?
İkincisi resimlerin geçiş hızını düşürme şansımız var mı ? Daha yavaş geçişler olsa mesela ?
1. sorunuzun cevabı evet site açılış hızını yavaşlatır.
2 . resimlerArasiGecis : 2000, bu değeri artırırsanız geçiş hızı yavaşlayacaktır.
Bi süre önce bu tarz birşeye ihtiyacım olmuştu. Bulamayınca vazgeçmiştim. Bu gün bir firma bu tarz bi site isteyince Saçlarım diken diken oldu. neyseki googleda karşıma çıkan ilk sayfada sonuca ulaştım. Deyim yerindeyse Hızır gibi yetiştiniz . Çok teşekkür ederim. Başarılarınızın daim olmasını dilerim. 🙂
Öncelikle Aycan kardeşimi tebrik ederim. Güzel işlere imza atıyor.
Bahadır arkadaşım senin çözümün aslında çok basit dönecek resimleri mysql veya mssql veritabanına kaydet sorgu ile çağırırken Order By Rand() diyerek döngüye sokman yeterli olacaktır.
OrhanSAYGILI php ile çok güzel çalışıyor denedim istersen kodu buraya yapıştır bakalım.
Sayfa boyutu değişse dahi resim boyutlarının aynı halması için ne yapmak gerek.
Yapmış olduğunuz paylaşımlar için size ne kadar çok teşekkür etsem azdır…
Hocam eline sağlık cok güzel bir paylaşım olmuş ama benim bir sorum var. Bu arka plan sadece anasayfada aktif. site içerisinde herhangi bir yere gecince çalışmıyor. yada benim template de mi sorun var anlamadım. 4 5 tane templatede de denedim hep aynı.
Diğer sayfalar geçtiğinde eklentiyi tekrar çaıştırmanız gerekiyor.
Kod bilgim hiç yok. Joomla da eklentilerle yapmaya çalışıyorum. her sayfada ayrı ayrı değilde index.php içerisinde bir kere yazmayla tüm sayfalarda çalıştırabiliriz diye düşünüyorum. Bu konuda yardımcı olabir misiniz? Kodu yazabilirseniz cok makbule gecer (: Şimdiden teşekkürler.
Elinize sağlık çok güzel olmuş çok işime yaradı saolun.
Sunucudan kaldırıldımı? erişilmiyor.
Sunucudan kaldırıldımı? erişilmiyor.
müthiş bir çalışma ellerinize sağlık
Hocam bu kadar güzel bir anlatım olamaz çok teşekkür ederim çok işime yaradı çooooook teşekkürler…
ben koyduğum resimlerin yani arkaplanın boyutlarının değişmemesini istiyorum yani 960×640 boyutlarında 4 farklı resim koyuyorum ama açtığımda resimler büyüyor ya da tarayıcıyı küçülttüğümde tarayıcı boyutuyla oynadığımda da boyutları değişiyor onların boyutlarını sabitlemenin bir yolu var mı acaba ben hep 960×640 kalmasını istiyorum mesela yardım edersen sevinirim lütfen.
ben koyduğum resimlerin yani arkaplanın boyutlarının değişmemesini istiyorum yani 960×640 boyutlarında 4 farklı resim koyuyorum ama açtığımda resimler büyüyor ya da tarayıcıyı küçülttüğümde tarayıcı boyutuyla oynadığımda da boyutları değişiyor onların boyutlarını sabitlemenin bir yolu var mı acaba ben hep 960×640 kalmasını istiyorum mesela yardım edersen sevinirim lütfen.
Merhaba,hafif şeffaf nasıl yapabilirim?
Css’den opacity veya jQuery fadeTo ile yapabilirsiniz.
Merhaba aycan bey emeğiniz için ayrıca teşekkür ederim. Şöyle bir sorunum var resimler çok güzel çalışıyor 4 taneden fazla resim koyunca script çalışmıyor. Örnek sayfanızda 4 ten fazla resim çalışıyor, verdiğiniz kodları inceledim ama bir türlü bulamadım 4 ten fazla resim çalıştırabilmek için nerede değişiklik yapmam lazım?
Öncelikle bu siteyi yeni buldum ve emeklerinize sağlık. Bu eklentiyi de yeni buldum. Bu işlerle çok yeni tanıştım verdiğiniz örneği uyguladım. Lakin eklediğim resimler her çözünürlüğe göre değişiyor. Acaba her çözünürlükte resimleri bozmadan nasıl çalıştırabiliriz
Bu eklenti bu istediklerini karşılayamaz.
aycan.me adresinden o dediğiniz olayı yaptım ancak henuz yayınlama fırsatı bulamadım.
merhaba aycan çok güzel bir çalışma. sonunda buldum. z bişey eline sağlık. süper bir iş çıkarmıssın yalnız ben bişey sorcam. kodları head takından sonra ekliyorum güzel çalışıyor. fakat üstüne div falan ekleyince ekledim divler altta kalıyor. nedendir sence
aycan merhaba güzel çalışmalrın var.
ben bu çalışmada. arkaplan animasyonu divlerin üstünde kalıyor
teşekkürler, gerçekten faydalı oldu…!
Bunu direk arka plan değilde sadece istediğimiz bir div içinde döndürmeyi nasıl yaparız? Yardımcı olabilecek varsa çok sevinirim. Ayriyeten yukarıdaki script için emeği geçen herkese teşekkürler
Harika bir iş çıkartmışsınız.
Teşekkürler…
Ellerinize sağlık çok çok güzel bir çalışma ödevim için çok işe yaradı günlerce aradım bulamamıştım Teşekkürler paylaştığınız için yanlız bir sorum olucak sayfadaki resimler genişliyor bir şişkinlik oluyor bunu nasıl düzeltebilirim
En boy oranını yapmanız gerekiyor, http://www.aycan.me adresinde bunu yapmıştım ordan alabilirsiniz.
iyi günler öncelikle teşekkür ederim çalışmalarınız için benim değişen arkaplanı ile ilgili bir sorunum vardır bu satırı head kısmına ekliyorum ama hata veriyo acaba nedendir
Peki diyelim 4-5 linkli menümüz var. Hakkımızdaya tıkladık varsayalım Slider başa dönsün istemiyorum ne yapmak lazım?
Yani anasayfada hangi resimde kaldıysa hakkımızdaya tıklandığında da ondan devam etsin?
Teşekkür ederim bu arada.
cookie kullanman gerekir.
Aynı işlemi body yerine herhangi bir div uygulayabilirmiyiz.
Yapı buna uygun değil.
Hocam bunu seçime bağlı yapamazmıyız?
Diyelim kullanıcı geldi maviyi seçti mavi olsun pembeyi seçti pembe olsun vs.
teşk.
Aycan bey “http://calismalar.aycan.net/degisenArkaPlan/kutuphane/js/ab-degisenArkaPlan.js”
silinmiş galiba düzeltebilirmisiniz
Merhabalar
Anlatım ve örnek için çok teşekkürler, resimleri php ile yükletiyorum ve linkleri direk resim1,resim2,resim3, olarak çektiriyorum. Fakat resim3 ün de sonunda virgül olduğu için son resimden başa dönerken boş bir sayfa geliyor. onu ortadan nasıl kaldırabiliriz? teşekkürler.
Merhabalar …
Bu efect değiştirmek istiyom… Zoom yapsın sonra kabolsun vb…
Kodları vb aradım değiştir hiç biri işe yaramadı…
Ellerine sağlık güzel bir proje olmuş.
iyi çalışmalar şöyle bir sıkıntım var yardımcı olursnız çok sevinirim,
1 den 10 kadar olan 1.png şeklindeki resimleri dinamik olarak nasıl sıralayabilirim ekranda gösterebilirim, ama her defasında farklı gelecek yani bir resin bir defa tekrarlanacak. teşekkürler
Çok güzel ve faydalı bir çalışma olmuş. sabırsızlıkla 2. versiyonunu bekliyorum.
eline sağlık güzel paylaşım bende kullandım kendi sitemde 🙂
Merhaba aycan bey çok güzel bir çalışma yapmışsınız teşekkürler.
Bu eklenti normalde çok iyi çalışırken datepicker adında bir eklentiyi eklediğimde çakışma oluyor. Normalde çakışmaları
var $abc = jQuery.noConflict();
gibi bir eklemeyle çakışmaların önüne geçiyorum ama sizin yapmış olduğunuz uygulamaya bu kodları eklediğimde uygulama çalışmıyor acaba çakışmayı nasıl önleyebilirim?
Yardımınız için şimdiden teşekkür ederim iyi günler…
Teşekkürler Kamil,
datepicker jQuery UI’deki datepicker mı? eğer öylese noConflict’e gerek yok
kardeşim hiç bişey anlamadım videolu anlatım çekermisin çekersen allah razı olsun derim 🙂
Çekmezsem demez misin, o kadar paylaşıyoruz 🙂
Saol kardeşim 🙂
Öncelikle Teşekkür ederim;
jquery bilgim henüz yok malesef, bu slaytların süresini ayarlayamadım hızlı hızlı geçiyor, ne yapmam lazım ne eklemem gerekiyor.
ahahah çok özür dilerim oldu noktalama hatası yapmışım 😀 biraz gülünç oldu
Merhaba,
resimlerArasiGecis: 2000,
resimEfekleri: 1000
Buradaki rakamları artırırsan yavaşlayacaktır.
1000 = 1 Saniye demek.
hocam burdaki kod silinmiş çalışmıyor
hocam calışmıyor
Sunucu taşıma işleminden sonra chmood ayarlarını güncellememişim, düzeltildi.
Selam dostum, öncelikle ellerine sağlık güzel bir çalışma olmuş. Ancak bir sorum olacak. background da slide resimleri dönerken, ön planda firmanın logosunu koymak istiyorum ancak ne denediysem beceremedim. nasıl yapabilirim. logo resmi altında tr ve en seçeneği olacak. yardımcı olursan sevinirim.
teşekkürler.
Arkaplan belli bir div içinde dönüyor, o div’e z-index ver, kendi div’iniede z-index ver ?
Merhaba arkaplanda ki resim monitöre göre sabit kalmıyor ve örneğin basık ekranlarda çok kötü görünüm ortaya çıkıyor. Arkaplanı nasıl sabitleyebiliriz.
Bu eski bir eklenti olduğu için bu tarz sorunları var. background-size :cover; ile resimler bozmadan yerleştirebilirsiniz.
i ile değiştirip position:relative kısmına background:’url(‘+resimler[i]+’) cover’,
yazarsanız sorun çözülüyor
Öncelikle ellerinize sağlık. Benim istediğim bundan biraz farklı. Bir web sayfasının üzerinde resimlerin döngüsü olmasını istiyorum. Bu yapılan sürekli döngüye müdehale edilmesini istemiyorum ve geçiş efekti olarak çapraz olarak kesilmiş dağılan resim gibi birşey olmasını düşünüyorum. Böyle birşeyi yapmak mümkün mü acaba?
Kolay gelsin.
Merhaba, teşekkürler dediğiniz gibi bir bg slider yapılabilir ama zaman alacaktır.
Aycan hocam çok çok teşekkurler. Google da ararken sizin sayfanız karşıma çıkınca çok mutlu oldum 😀
Bu eklentiyi wordpress arkaplanı olarak nasıl kullanabiliriz. Şu şekliyle resimler görünmüyor. Bir fikri ya da bilgisi olan varsa sevinirim.
ooooooo
🙂