LORDİZ.COM – PAYLAŞMAK GÜZELDİR!
  • Atatürk
  • Mobil Dünya
  • Oyun Dünyası
  • Basın & Medya
  • İnternet
  • Web Tasarım
  • ⍟
    • Sağlık
    • Eğitim & Öğretim
    • İndir & Yükle
    • Sistem Destek
    • Müzik Kutusu
    • Reklamlar
  • Anasayfa
  • Gizlilik Politikası
    • Privacy Policy
  • İletişim
LORDİZ.COM - PAYLAŞMAK GÜZELDİR!
LORDİZ.COM - PAYLAŞMAK GÜZELDİR!
LORDİZ.COM - PAYLAŞMAK GÜZELDİR!
  • Atatürk
  • Mobil Dünya
  • Oyun Dünyası
  • Basın & Medya
  • İnternet
  • Web Tasarım
  • ⍟
    • Sağlık
    • Eğitim & Öğretim
    • İndir & Yükle
    • Sistem Destek
    • Müzik Kutusu
    • Reklamlar
LORDİZ.COM - PAYLAŞMAK GÜZELDİR!
  • Atatürk
  • Mobil Dünya
  • Oyun Dünyası
  • Basın & Medya
  • İnternet
  • Web Tasarım
  • ⍟
    • Sağlık
    • Eğitim & Öğretim
    • İndir & Yükle
    • Sistem Destek
    • Müzik Kutusu
    • Reklamlar
LORDİZ.COM - PAYLAŞMAK GÜZELDİR! > Web Tasarım > Sayfa Yenileyince Değişen Logo Java Script Kodu

Sayfa Yenileyince Değişen Logo Java Script Kodu

26 Haziran 2010 Posted by Lordiz Web Tasarım
Paylaş

Sayfa Yenileyince Değişen Logo Java Script Kodu

Çok kısıtlı bir zamanda bu konuyu açıyorum. Konuyu açmamın nedeni; şu 2 dakikalık zamanda bulup derlediğim bu kodu paylaşmak. İnternette kolay kolay bulunamayan bu kodun elbette göremediğim hataları olabilir ama hatalar varsa araştırır eklemeler yapar düzeltmeye çalışırız..

DİKKAT! Yazı, 26 Haziran 2010 tarihinde yayınlanmıştır ve erişim sağladığınız tarihte güncelliğini yitirmiş olabilir.

Aslında internette birkaç tane resim değiştiren kod vardı, fakat bunların ufak bir kusuru var; resimlerin boyutlarına müdahele edemiyorsunuz.. Örneğin sayfa yeniledikçe değişecek olan resim bir logo ise, siteyi farklı çözünürlüklerde görüntüleyen kullanıcılarda logolar orijinal boyutlarında çıkacak. Bunun neresi ters derseniz açıklayalım..

Diyelim ki logo 900 piksel genişlikte, sitenize gelenlerden biri 1024 çözünürlük, diğeride 1152 piksel çözünürlükle sitenizi görüntülüyor, bunlardan 1024 piksel çözünürlüklü olanı logoyu siteye uygun boyutta görecek, 1152 çözünürlüklü olan ise logoyu siteye göre çok küçük ve orantısız görecek. Normalde java kodu olmasa resime div tanımlar boyutunu ayarlarız, fakat java kodlarından anlamayan birisi için bu çok zor olacaktır..

Bugünde bir arkadaşım sayfa yeniledikçe değişen logo yapmamı istedi, daha önce kullandığım js kodunu kullandığımda logo olacak 4 resmin boyutlarına müdahele edemiyordum ve kötü görünmesi de içime sinmiyordu. Bende yabancı sitelerde resim boyutları oynanabilir bir js aradım ve nihayet buldum…

Bahsi geçen, çalışan kodları aşağıda bulabilirsiniz.. Resim linklerini logo adresine göre düzenleyin en sondaki width 100%, resimin her ekran oranında %100 görünmesini sağlıyor. İsterseniz piksel cinsi değer verebilirsiniz. Örnekte 5 tane değişen logo alanı var, imagenumber yazan alandaki sayıyı arttırıp yeni logo alanları ekleyebilirsiniz..

<script language="JavaScript">
<!-- Hide from old browsers
var imagenumber = 5 ;
var randomnumber = Math.random() ;
var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1 ;
images = new Array
images[1] = "http://www.site.net/images/1.jpg"
images[2] = "http://www.site.net/images/2.jpg"
images[3] = "http://www.site.net/images/3.jpg"
images[4] = "http://www.site.net/images/4.jpg"
images[5] = "http://www.site.net/images/5.jpg"
var image = images[rand1]
links = new Array
links[1] = "http://www.site.com"
links[2] = "http://www.site.com"
links[3] = "http://www.site.com"
links[4] = "http://www.site.com"
links[5] = "http://www.site.com"
var link = links[rand1]
var Quotation=new Array()
Quotation[1] = "Lordiz"; document.write('<A HREF="' + link + '"><IMG SRC="' + image + '" border="0" width="100%"></a>')
</script>

Konuyla ilgili sorularınızı sorabilirsiniz kod paylaştığım süreçte çalışıyordu gözümden kaçan bir hatası varsa yorum olarak mesajlarınızı bekliyorum.

>> Web Tasarım ile Uğraşanlar için Faydalı Bağlantılar

– Reklamlar –

Etiketler boyutu çalışan değişen denenmiş javascript kod logo random resim sayfa width yeniledikçe yenilemede
Paylaş
Facebook'ta Paylaş Twitter'da Paylaş Pinterest'de Paylaş Whatsapp'da Paylaş Whatsapp'da Paylaş Telegram'da Paylaş
Lordiz 26 Haziran 2010

4 Yorum Var

  • esat dedi ki:
    09 Şubat 2012, 16:49

    Dostum bu kodlara göre link değişimini nasıl yapabiliriz.Başka bir sitelere yönlendirme yapmak istiyorum bir türlü yapamadım.

  • admin dedi ki:
    09 Şubat 2012, 19:22

    @esat; Yorumda gönderdiğiniz kodlar görünmüyordu siz sanırım her sayfa yenilemede farklı bannerın çıkacağı değişen reklam alanı felan yapacaksınız bunun için internette bazı kodlar var hatta bundan 6-7 ay önce bir firmanın reklamında kullanmıştım biraz araştırırsanız hemen bulabilirsiniz.

  • premier dedi ki:
    15 Ağustos 2013, 15:08

    Böyle bir fuzulibilgiler.com site yapmak istiyorum.Her yenilediğimde değişen bir alan olmasını istiyorum.Bu kod işe yarar mı?
    İyi Akşamlar

  • admin dedi ki:
    15 Ağustos 2013, 16:12

    @premier; Olay sizin yaratıcılığınıza kalmış. Html bilginiz varsa bu kod ile biraz oynayıp benzer birşey yapabilirsiniz ama verdiğim kod birebir o sistemi oluşturmanız için yetmez. Benzer bir site için farklı kodlar araştırmalısınız.

Bir cevap yazın Cevabı iptal et

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Son Yazılar

Covid-19 için Sağlık Bakanlığı Aşı Takip Uygulaması “Aşıla”

2021 Yılının En Yeni, En Kaliteli Mobil Oyunları!

Yeni Whatsapp Gizlilik Sözleşmesi ile Ne Değişecek? Whatsapp’tan Resmi Açıklama!

Yeni Haberleşme Uydumuz Türksat 5A Başarı ile Uzaya Fırlatıldı!

2021 Yılı Geldi, Flash Tabanlı (Farmville, Okey vb.) Facebook Oyunları Öldü!

Harika Grafiklere Sahip Mobil Yarış Oyunu “Project Racer”

Cyberpunk 2077 Windows 7 ve Windows 8 Yüklü Sistemlerde Çalışıyor Mu?

– Reklamlar –

LORDİZ.COM - PAYLAŞMAK GÜZELDİR!

2008 © 2020

Web sitemiz, deneyiminizi geliştirmek için çerezler kullanmaktadır. Hakkında daha fazla bilgi edinin: çerez politikası

Kabul Ediyorum