Wordpress Temaya Değişken Arka Plan Resmi Nasıl Yapılabilir ?

28-01-2016, 06:29:14

Üyeliği durduruldu

merhaba arkadaşlar başlıktada belirttiğim gibi Wordpress Temaya Değişken Arka Plan Resmi Nasıl Yapılabilir ? mesela BURADAKİ sitedeki temaya üstte o kız ve erkeğin olduğu resim değişicek atıyorum 4 tane resim ekledimse 20 sn ara ile o resimler değişicek eklentisi vs varmıdır acaba yardımcı olursanız sevinirim teşekürler..
BU KODU

<script type="text/javascript">
function randomize(min, max) {
	if (!min)
		min = 0;
	if (!max)
		max = 0;
	return Math.floor(Math.random()*(max+1)+min);
}
function randomBg() {
	var bgs = new Array();
	// I took these images from a site with a similar script already only to get example images
	// I wrote this script myself

	bgs.push("/resim/1.jpg");
	bgs.push("/resim/2.jpg");
	bgs.push("/resim/3.jpg");
	bgs.push("/resim/4.jpg")
	document.body.style.backgroundImage = "url(" + bgs[randomize(0, bgs.length-1)] + ")";

}
</script>

Buldum ama arkadaşlar buna atıyorum 10 saniyede bir arka plan değiştirilsin kodu uygulanabilirmi ?

29-01-2016, 07:08:25

#2

~~Emintasarimcom~~

Üyeliği durduruldu

konu günceldir.

01-02-2016, 02:31:43

#3

CaN_Dizayn

Kimlik doğrulama veya yönetimden onay bekliyor.

Emintasarimcom adlı üyeden alıntı: mesajı görüntüle

konu günceldir.

background :url('resim url') no-repeat center;
min-height:216px;
width:838px;
margin:-9px 4px -35px -8px;
animation:image 5s infinite alternate;
-webkit-animation:image 50s infinite alternate;
-moz-animation:image 5s infinite alternate;
}

@keyframes image{
0%{
background:url("resim url");
}

25%{
background:url("resim url");
}

50%{
background:url("resim url");
}

75%{
background:url("resim url");
}

100%{
background:url("resim url");
}
}

Bu şekilde yapabilirsin hocam ç bu kodları css dosyada arka plan css kodunun olduru yere ekleyerek yapabilirsin.

01-02-2016, 03:22:10

#4

~~Emintasarimcom~~

Üyeliği durduruldu

CaN_Dizayn adlı üyeden alıntı: mesajı görüntüle

background :url('resim url') no-repeat center;
min-height:216px;
width:838px;
margin:-9px 4px -35px -8px;
animation:image 5s infinite alternate;
-webkit-animation:image 50s infinite alternate;
-moz-animation:image 5s infinite alternate;
}

@keyframes image{
0%{
background:url("resim url");
}

25%{
background:url("resim url");
}

50%{
background:url("resim url");
}

75%{
background:url("resim url");
}

100%{
background:url("resim url");
}
}

Bu şekilde yapabilirsin hocam ç bu kodları css dosyada arka plan css kodunun olduru yere ekleyerek yapabilirsin.

teşekkürler hocam yardımınızdan dolayı deniyceğim sizi bilgilendirirm.

01-02-2016, 03:30:00

#5

CaN_Dizayn

Emintasarimcom adlı üyeden alıntı: mesajı görüntüle

teşekkürler hocam yardımınızdan dolayı deniyceğim sizi bilgilendirirm.

rica ederim hocam sıkıntı olursa yazın çıktım ben iyi geceler