Otomatik Değişen Resimler Bloğu
Otomatik Değişen Resimler Bloğu
Bu derste siteniz de belirli bir blok alanında resimlerin kendiliğinden sürekli olarak değişmesini öğreneceğiz.
Açıklama
1- Anasayfa » Yönet » Site kurulumu » Bloklar » Blok ekle yi açıyoruz.
2- Blok açıklaması: Buraya istediğiniz ismi verebilirsiniz bloklar sayfasında sadece siz göreceksiniz.
3- Blok başlığı: Resim alanı olacağı için ben boş bıraktım, siz isterseniz doldurabilirsiniz.
4- Blok gövdesi: Bu alana aşağıdaki kodu kopyalayıp yapıştırınız.
Kod:
<html>
<head>
<script>
var hangisi=0;
function degistir( )
{
hangisi=hangisi+1;
document.getElementById("resmimiz" ).src="../sites/all/dosyalar/resim/"+hangisi+".jpg";
setTimeout("degistir( )",4000 ) // 4 saniyede bir değişir.
if (hangisi==10 ) {hangisi=0;}
}
head>
<body onload="degistir( );">
<a href="../"> <img src="" id="resmimiz" name="resmimiz" src="" title="resmin üzerine geldiğinizde görüntülenmesini istediğiniz mesajı buraya yazın"/> a>
body>
html>
5- Girdi biçimi alanında muhakkak PHP code seçili olmalıdır.
6-Bloğu belirli sayfalarda göster: Bu alanda işaretlediğiniz yere göre blok görüntülenir.
- Listelenen sayfalar haricindeki tüm sayfalarda göster.
- Sadece listelenen sayfalarda göster.
- Aşağıdaki PHP kodu DOĞRU döndürürse göster (PHP-kipi, sadece uzmanlar).
Sadece anasayfada görüntülenmesini istiyorsanız.
- Sadece listelenen sayfalarda göster. şıkkını işaretleyip aşağıdaki kutuyu bu şekilde doldurmanız yeterlidir.
Sayfalar:
<front>
7- Bloğu kaydededin.
8- Kayıt ettiğiniz bloğun adını Anasayfa » Yönet » Site kurulumu » Bloklar sayfasından görüntülemek istediğiniz blok bölgesine göre ayarlayın.
9- Güle güle kullanın.
Kodlar Hakkında Notlar:
a) Resimlerinizin bulunduğu klasörün yerini bu adresi değiştirerek belirleyebilirsiniz. ../sites/all/dosyalar/resim
Örneğimizde resimler ../sites/all/dosyalar/resim klasöründe bulunmaktadır.
b) Bir resmin görüntülenme ve değişme süresini 4000 rakamını değiştirerek yapabilirsiniz. 1000 = 1 saniyedir.
c)Kaç tane resim görüntülenecek belirlemek için resim adedini (hangisi==10 ) 10 rakamını değiştirerek belirleyebilirsiniz. Dilediğiniz sayıda resim olabilir.
d) Sitenizin sunucusunda ki klasördeki resimlerin adı muhakkak 1.jpg - 2.jpg - 3.jpg .... 10.jpg olmalıdır. (Uzantı büyük küçük harfe duyarlıdır. Bu nedenle tümünü küçük harf yapınız.)
e) Eğer resimlerin türünü farklı isterseniz ".jpg" jpg uzantısını dilediğiniz uzantı ile değiştirin. (Büyük küçük harfe duyarlıdır.) Ancak, d bendinde bahsettiğimiz dosya adlarındaki uzantılarda bu sefer sizin belirlediğiniz dosya uzantılarından olmalıdır.
f) Resmin üzerine fare imleci geldiğinde gözükmesini istediğiniz bir etiket mesajı varsa title="resmin üzerine geldiğinizde görüntülenmesini istediğiniz mesajı buraya yazın" kodundaki iki tırnak arasında kalan metni değiştirin.
g) Blokdaki resmin üzerine tıklandığında gidilmesini istediğiniz bir internet adresi varsa <a href="../"> kodundaki tırnak içerisindeki alana istediğiniz internet adresini girebilirsiniz. Ancak anasayfaya gitmesini isterseniz bu kod yeterlidir. Eğer kendi siteniz üzerinde herhangi bir sayfaya gitmesini dilerseniz kodu sitenizin adresinde ilk taksimden sonra gelen adres ile bu <a href="../sayfadi"> şekilde değiştirebilirsiniz. ÖR: www.siteadi.com/sayfaadi adresi ise <a href="../sayfadi"> olmalıdır.
Önemli Notlar:
1- Kayıtlı bloğu tekrar düzenlemek için açtığınızda kodlardan bazıları silinmiş olabilir. (Sebebini çözemedim. Sanırım ckeditor nedeni ile oluyor.) Bu nedenle her bloğu yeniden düzenlemek istediğinizde yukarıda verilen kodları tekrar ilgili yere kopyalamanızı tavsiye ederim.
2- Tüm resimlerinizin boyutu en x boy olarak aynı büyüklükte olmalıdır. Kodlar resimlerinizi büyüklüğünde değişme yapmadan olduğu büyüklükte gösterecektir.
3- Resimler arası bir bütünlük sağlamak için her resimde şablon olarak belirlediğiniz aynı çerçeveyi kullanabilirsiniz. Bu işlem bloğunuzun siteniz ile uyumlu olmasını sağlayacaktır.
alıntıdır
