Rumah > hujung hadapan web > tutorial js > Gunakan js untuk mendapatkan saiz asal kemahiran image_javascript

Gunakan js untuk mendapatkan saiz asal kemahiran image_javascript

WBOY
Lepaskan: 2016-05-16 16:29:26
asal
1226 orang telah melayarinya

Saiz imej yang dipaparkan dalam penyemak imbas mungkin bukan ketinggian dan lebar sebenar. Contohnya, seperti yang ditunjukkan di bawah, kami menambah gaya lebar dan ketinggian padanya

Saiz yang dipaparkan dalam penyemak imbas ialah 25px. Jadi bagaimana kita mendapatkan saiz sebenar imej? , kod berikut melaksanakan fungsi ini

Salin kod Kod adalah seperti berikut:




           


                                                                                                                                                                                                                                                                                                                                       //Tetapkan kelewatan untuk memastikan imej dimuatkan
                setTimeout(function() {
              var
                                                             lebar_sebenar,
                                 ketinggian_sebenar,
_Im = document.GetelementByid ('Imej'),
                                                                                                                                                                                                                                              melalui                                                                                                                                                                                                                                                                                                                                           telah                         lebar_sebenar = im.lebar,
                                       tinggi_sebenar = im.tinggi;
makluman(lebar_sebenar 'n' tinggi_sebenar);
             },500);
                                                                                              




Nota: Saya telah menguji kod di atas pada kedua-dua IE7 dan chrome Memandangkan IE6 tidak dipasang, saya tidak boleh mengujinya.

Kod yang sangat mudah digunakan, saya menggunakannya dalam kebanyakan projek saya, jangan ragu untuk menggunakannya
Label berkaitan:
js
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan