tam olarak nasıl başlık atıcagımı bilemedim
wp kullanıyorum ve index sayfam <div id="page"> olarak style.css dosyasından sayfamın logosunu çağırıyor fakat ben bir tek logo istemiyorum sayfa yenilendikçe logunun değişmesini istiyorum ama slayt halinde bi logo şekli istemiyorum sayfa yenilendikçe rastgele istediğim resim kümesinden resmin logo olarak gösterilmesini istiyorum.
aslına bakarsak bunu js ile yaptım ama style.css dosyasına hangi komutla eklerim bilmiyorum bir çok yazı okudum fakat css içinde js dosyası çağırma gibi bi şansımız yok sanırım.
ne şekilde yapabilirim bilgisi olan arkadaşlar bi bakarsa sevinirim cevap gelmeden eğer bi çözüm yolu bulursam yazının devamında paylaşıcam
elimdeki dosyalar.
style.css
index.php
javascript
wp kullanıyorum ve index sayfam <div id="page"> olarak style.css dosyasından sayfamın logosunu çağırıyor fakat ben bir tek logo istemiyorum sayfa yenilendikçe logunun değişmesini istiyorum ama slayt halinde bi logo şekli istemiyorum sayfa yenilendikçe rastgele istediğim resim kümesinden resmin logo olarak gösterilmesini istiyorum.
aslına bakarsak bunu js ile yaptım ama style.css dosyasına hangi komutla eklerim bilmiyorum bir çok yazı okudum fakat css içinde js dosyası çağırma gibi bi şansımız yok sanırım.
ne şekilde yapabilirim bilgisi olan arkadaşlar bi bakarsa sevinirim cevap gelmeden eğer bi çözüm yolu bulursam yazının devamında paylaşıcam
elimdeki dosyalar.
style.css
PHP:
#page {
width:960px;
position:relative;
margin:0 auto;
background-image:url(images/logobg.jpg);
background-position:top center;
background-repeat:no-repeat;
}index.php
PHP:
logo<div id="page">
body
<div id="footer">javascript
PHP:
<script type="text/javascript">
<!--
var imlocation = "resimler/";
var currentdate = 0;
var image_number = 0;
function ImageArray (n) {
this.length = n;
for (var i =1; i <= n; i++) {
this[i] = ' '
}
}
image = new ImageArray(6)
image[0] = 'logobg1.jpg'
image[1] = 'logobg2.jpg'
image[2] = 'logobg3.jpg'
image[0] = 'logobg4.jpg'
image[1] = 'logobg5.jpg'
image[2] = 'logobg7.jpg'
var rand = 60/image.length
function randomimage() {
currentdate = new Date()
image_number = currentdate.getSeconds()
image_number = Math.floor(image_number/rand)
return(image[image_number])
}
document.write("<img src='" + imlocation + randomimage()+ "'>");
//-->
</script>