CSS De Random Sayi Üretmek
-
Simdi söyle bir durum var.
Bir tema da css nin icinde arkaplan resmi basiyor
background-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,0.46),rgba(0,0,0,0.88)),url("https://websayfasi/tema/1.jpg");
simdi bu sonda bulunan 1.jpg yerine 1-10 arasi random sayi cagirip o sayiya denk gelen arkaplani bastirmak istiyorum.
google amca cok sayfa getirdi ama bir türlü beceremedim. Anladigim kadariyla css icinde php kodu calistiramiyorum.
Ben bu css icinde random sayi nasil bastirabilirim?
-
underzero bunu yazdı
Simdi söyle bir durum var.
Bir tema da css nin icinde arkaplan resmi basiyor
background-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,0.46),rgba(0,0,0,0.88)),url("https://websayfasi/tema/1.jpg");
simdi bu sonda bulunan 1.jpg yerine 1-10 arasi random sayi cagirip o sayiya denk gelen arkaplani bastirmak istiyorum.
google amca cok sayfa getirdi ama bir türlü beceremedim. Anladigim kadariyla css icinde php kodu calistiramiyorum.
Ben bu css icinde random sayi nasil bastirabilirim?
smdı soyle yaparsın murat hocam
ıstedıgın sayfalarda
<?php
echo(rand(10,100));
?><style>
background-image:radial-gradient(circle at 50% 50%,rgba(<?php echo(rand(10,100)); ?>),rgba(0,0,0,0.88)),url("https://websayfasi/tema/1.jpg");
</style>
ya da rand ı ustte deger olarak tanımlatıp rgba($deger1) oalrak css ıcerısınde verebılırsın ama dedıgım gıbı header.php
sayfa.php gıbı ya eda herbır sayfada id verıp cektırıyorsan her bır ıd e gore yapabılırsın bunu farklı deger vermek ıstersen
saygılar
-
-
hocam id yada class değerinin sonuna sayı yazdırabilirsin. örneğin class1, class2, class3.. gibi. sayfa içinde de sınıf adının sonundaki sayıyı belirlersin.
-
O soyledigin hocam js ile yapiliyor ornek olarak.
https://stackoverflow.com/questions/18288950/random-fullscreen-background-image-on-browser-refresh
-
Araya php karıştırmak istemiyorsan SASS ile yazıp sonra css olarak çıktı alabilirsin.
Bir başka çözüm de jquery ile şöyle olabilir:
var foo = "radial-gradient(circle at 50% 50%,rgba(0,0,0,0.46),rgba(0,0,0,0.88)),url('https://websayfasi/tema/"+ (10 * Math.random()) +".jpg')"; $("#benim-güzel-divim").css("background-image",foo);
-
Jquery ile ilgili elementin style attribute una random ürettiğin css rule unu ekleyebilirsin genelde böyle çalışır bu tür şeyler
var bgrule = “<random sayı üretgeçiyle yazılmış css şeysi”;
$(“.mahmut”).attr(“style”, bgrule);
-
-
Herkese tesekkurler, cevaplardan yola cikarak su sekilde yaptim:
index.php icinde $rastgele = rand(1,10);
random sayi urettirdim
sonra alttarafa asagidaki konu koyarak getirebildim.
<style type="text/css">
<!--
body {
background-image:radial-gradient(circle at 45% 35%,rgba(0,0,0,0.36),rgba(0,0,0,0.56)),url('http://site/img/<? echo $random ?>.jpg');
}
</style>