lostyazilim
tr.link

Saate Göre değişen arkaplan-resim nasıl yapılır

10 Mesajlar 3.589 Okunma
lstbozum
tr.link

YMG YMG I ♥ Drupal Kullanıcı
  • Üyelik 27.12.2011
  • Yaş/Cinsiyet 29 / E
  • Meslek Öğrenci
  • Konum Ankara
  • Ad Soyad ** **
  • Mesajlar 167
  • Beğeniler 7 / 29
  • Ticaret 0, (%0)
merhaba arkadaşlar

bir müşterimin sitesine güzel gözüksün diye resim/arkaplan ekleyeceğim ama resim saate göre değişsin istiyorum

örneğin
sabah 6-12 arası gündüz resmi
12-18 arası akşam resmi
18-06 arası gece resmi şeklinde

bunu nasıl yaparız?
 

 

wmaraci
reklam

Ninja Ninja Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 13.07.2014
  • Yaş/Cinsiyet 28 / E
  • Meslek ...
  • Konum Diğer
  • Ad Soyad Ö** S**
  • Mesajlar 140
  • Beğeniler 15 / 34
  • Ticaret 11, (%100)
PHP ile basit bir şekilde yapabilirsiniz;

if("06:00"< date("H:i") && date("H:i")<"12:00"){
echo ""; // SABAH
}elseif("12:00" echo ""; // ÖĞLEDEN SONRA İKİNDİ
}elseif("18:00" echo ""; // AKŞAM
}else{
echo ""; // GECE
}
?>
 

 

sonbaron sonbaron WM Aracı Kullanıcı
  • Üyelik 23.10.2012
  • Yaş/Cinsiyet 28 / E
  • Meslek Öğrenci
  • Konum Muğla
  • Ad Soyad ** **
  • Mesajlar 48
  • Beğeniler 1 / 8
  • Ticaret 0, (%0)








<script>
var img = '';
var dat = new Date().getHours();
if(dat >= 00 && dat < 6)
{
img = 'url(body2.jpg)';
document.getElementById('background').style.backgroundImage = img;
}
else if(dat >= 6 && dat < 10)
{
img = 'url(body3.jpg)';
document.getElementById('background').style.backgroundImage = img;
}
</script>

İf else kısmından saatleri ayarlayın.Her saat için resim yolunu url() içine yazın.

Edit : Javascript kodunu sayfanın en altına yazın.Üste yazınca bende çalışmadı.
 

 

YMG YMG I ♥ Drupal Kullanıcı
  • Üyelik 27.12.2011
  • Yaş/Cinsiyet 29 / E
  • Meslek Öğrenci
  • Konum Ankara
  • Ad Soyad ** **
  • Mesajlar 167
  • Beğeniler 7 / 29
  • Ticaret 0, (%0)

Ninja adlı üyeden alıntı

PHP ile basit bir şekilde yapabilirsiniz;

if("06:00"< date("H:i") && date("H:i")<"12:00"){
echo ""; // SABAH
}elseif("12:00" echo ""; // ÖĞLEDEN SONRA İKİNDİ
}elseif("18:00" echo ""; // AKŞAM
}else{
echo ""; // GECE
}
?>


hocam bu yöntem daha mantıklı geldi ama resmin görünmesini istediğim yere ekleyince hiç bir değişiklik olmuyor

sonbaron adlı üyeden alıntı









<script>
var img = '';
var dat = new Date().getHours();
if(dat >= 00 && dat < 6)
{
img = 'url(body2.jpg)';
document.getElementById('background').style.backgroundImage = img;
}
else if(dat >= 6 && dat < 10)
{
img = 'url(body3.jpg)';
document.getElementById('background').style.backgroundImage = img;
}
</script>

İf else kısmından saatleri ayarlayın.Her saat için resim yolunu url() içine yazın.

Edit : Javascript kodunu sayfanın en altına yazın.Üste yazınca bende çalışmadı.


bu yöntemi hiç anlamadım
 

 

wmaraci
wmaraci

Ninja Ninja Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 13.07.2014
  • Yaş/Cinsiyet 28 / E
  • Meslek ...
  • Konum Diğer
  • Ad Soyad Ö** S**
  • Mesajlar 140
  • Beğeniler 15 / 34
  • Ticaret 11, (%100)

YMG adlı üyeden alıntı

hocam bu yöntem daha mantıklı geldi ama resmin görünmesini istediğim yere ekleyince hiç bir değişiklik olmuyor


Tam olarak nereye eklemeye çalışıyorsunuz? O sayfanın kodlarını verebilirseniz, üzerine yapıştıralım.
 

 

YMG YMG I ♥ Drupal Kullanıcı
  • Üyelik 27.12.2011
  • Yaş/Cinsiyet 29 / E
  • Meslek Öğrenci
  • Konum Ankara
  • Ad Soyad ** **
  • Mesajlar 167
  • Beğeniler 7 / 29
  • Ticaret 0, (%0)
wp de logo kısmına


>

<?php bloginfo('name'); ?> <?php wp_title(); ?>





<script></script>
<script>/js/cufon-yui.js" type="text/javascript"></script>
<script>/js/Myriad_Pro_600.font.js" type="text/javascript"></script>
<script>
Cufon.replace('.konu h2');
Cufon.replace('.baslik');
Cufon.replace('.sollistele h2');
Cufon.replace('h2.yorumbaslik');
</script>










if("06:00"< date("H:i") && date("H:i")<"12:00"){
echo ""; // SABAH
}elseif("12:00" echo ""; // ÖĞLEDEN SONRA İKİNDİ
}elseif("18:00" echo ""; // AKŞAM
}else{
echo ""; // GECE
}
?>






ekli hali bu
 

 

bsakizli bsakizli Bilgisayar Programcısı Kullanıcı
  • Üyelik 17.01.2012
  • Yaş/Cinsiyet 29 / E
  • Meslek Yönetim Bilişim Sistemleri Uzm
  • Konum
  • Ad Soyad B** S**
  • Mesajlar 925
  • Beğeniler 102 / 79
  • Ticaret 2, (%100)
body olduğu yere ekle
 

 

Ninja Ninja Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 13.07.2014
  • Yaş/Cinsiyet 28 / E
  • Meslek ...
  • Konum Diğer
  • Ad Soyad Ö** S**
  • Mesajlar 140
  • Beğeniler 15 / 34
  • Ticaret 11, (%100)


Sen logo'nun arka planını mı değiştireceksin?
 

 

Aksaclii Aksaclii Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 14.06.2014
  • Yaş/Cinsiyet 29 / E
  • Meslek öğrenci
  • Konum Eskişehir
  • Ad Soyad M** E**
  • Mesajlar 199
  • Beğeniler 35 / 30
  • Ticaret 0, (%0)
Jquery varken php ile yapmak çok saçma
 

 

YazilimMimari YazilimMimari Eski adi: Turgay Can Kullanıcı
  • Üyelik 25.06.2012
  • Yaş/Cinsiyet 38 / E
  • Meslek Engineering Director
  • Konum İstanbul Avrupa
  • Ad Soyad T** C**
  • Mesajlar 771
  • Beğeniler 2 / 260
  • Ticaret 0, (%0)
JavaScript örneği daha makul. Sunucu tarafında yapmak gereksiz bir yüktür.

@sonbaron , arkadaşın örneğinin anlamadığın kısmı nedir? Oldukça basit ve anlaşılır duruyor. Söyleminizden çıkarımım JavaScript ile pek haşır neşir olmadığınızdır lakin web uygulaması geliştiriyorsanız, javascript sizin en yakın dostunuz olmalı :) Nimetleri çoktur.
GokhanGok

kişi bu mesajı beğendi.

https://www.linkedin.com/in/turgaycan/
Kaliteli kod yazılır.. (Günlük/Saatlik ücreti ile)
wmaraci
Konuyu toplam 2 kişi okuyor. (0 kullanıcı ve 2 misafir)