Javascript

Web Sayfasında Tıklanan Resmin Gerçek Boyutunu Öğrenme

Resimler web sayfalarının görsel arayüzüdür. Genellikle resimler web sayfalarında orjinal boyutlarında gösterilmezler. Çünkü hem fiziksel olara yer kaplarlar, hem de hafızada çok yer kapladığı için geç açılırlar. Bundan doları resimler küçültülerek gösterilirler. Bu uygulamada küçültülmüş resmin üzerine tıklandığında resmin orjinal boyutunu öğrenmeye çalışacağız.

    <img id="dene" src="sayfa1.png" style="width:30px;height:25px;" />

Kod kısmı şöyle olacaktır.

        $(function () {
            $("#dene").click(function () {
                var myImg = this; //document.querySelector("#dene");
                var realWidth = myImg.naturalWidth;
                var realHeight = myImg.naturalHeight;
            });
        })
 
İlgili Makaleler
Validation Kontrollerini Yaparak Kimlik Bilgileri Formunu Oluşturan Programı Javascript Script Dilinde Yapınız
Javascript Kodlarıyla Tarayıcı Penceresinde Yön Tuşlarıyla Kutunun Hareket Ettirilmesi
Radio Button İçinden Seçilen Değeri Görüntüleyen Programı Javascript Script Dilinde Yapınız
JavaScript Kodlarıyla TextBox Nesnesine Sadece Sayıların Girilmesini Sağlama
Faktöriyel Hesabı Yapan Javascript Uygulaması
Tetris Oyununu Javascript Dilini Kullanarak Web Sayfasında Kodlama1
Pascal Üçgenine Ait İlk 10 Terimin Kat Sayılarını Bulan c# Web Uygulaması
Web Sayfasında Tıklanan Resmin Gerçek Boyutunu Öğrenme
Mevcut Tarihi Takvim Yaprağı Şeklinde Gösteren Programı Javascript Script Dilinde Yapınız
Web Sayfasında Farenin Sağ Tuşunun Kullanımını Engelleme
Mart 2024 Yerel Seçimlerini Baklava Grafikle Gösteren Core Mvc Jquery Web Uygulaması
2020 TYT Matematik Para Makinesiyle İlgili Sorunun Çözümünü Javascript Diliyle Kodlama
BootStrap 5 ve Javascript Kullanarak Paralelkenarın Alanını ve Çevresini Bulan Web Uygulaması
RadioButton Yardımıyla Web Sayfasının Arkaplan Rengini Değiştiren Uygulamayı Javascript Kodlarıyla Tasarlama
Girilen Bir Mevsimi Görüntüleyen Web Sayfasını Belirtilen Özelliklerde Javascript Dilinde Tasarlama
10 Kişilik Bir Sınıfta Bir Derse Ait 3 Sınav Notuna Göre, En Yüksek Notu Hangi Öğrencinin Kaçıncı Sınavda Aldığını Bulan Programı Javascript Script Dilinde Yapınız
Rastgele Tutulan Bir Sayıyı Tahmin Eden Programı Javascript Script Dilinde Yapınız
Klavyeden Girilen 5 Elemanlı Bir Kümenin İkili Alt Kümelerini Liste Biçiminde Görüntüleyen Programı Javascript Script Dilinde Yapınız
Mevcudu 5 Olan Bir Sınıfta Üçer Kişilik Nöbet Listelerini Oluşturan Programı Javascript Script Dilinde Yapınız
Klavyeden Girilen 20 Sayı İçerisinden Pozitif Olanları Bir Diziye Negatif Olanları Başka Bir Diziye Aktarıp Görüntüleyen Programı Javascript Script Dilinde Yapınız

Yorum Ekle
   
Kötü
İyi