Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Mendapatkan Dimensi Imej Latar Belakang Menggunakan jQuery?

Bagaimanakah Saya Boleh Mendapatkan Dimensi Imej Latar Belakang Menggunakan jQuery?

Susan Sarandon
Lepaskan: 2024-12-11 04:51:13
asal
420 orang telah melayarinya

How Can I Reliably Get a Background Image's Dimensions Using jQuery?

Menentukan Dimensi Imej Latar Belakang dalam jQuery

Tugas untuk mendapatkan semula dimensi (lebar dan tinggi) imej latar belakang div menggunakan jQuery nampaknya mudah, tetapi ia memberikan beberapa cabaran.

Pada mulanya, percubaan untuk menggunakan jQuery('#myDiv').css('background-image').height() boleh mengakibatkan mesej ralat yang menunjukkan bahawa ia bukan fungsi. Untuk mengatasinya, kami meneroka pendekatan alternatif.

Satu penyelesaian melibatkan mengekstrak URL imej daripada gaya imej latar belakang dan mencipta objek Imej untuk memuatkan imej. Apabila imej berjaya dimuatkan, kita boleh mengakses sifat lebar dan ketinggiannya untuk mendapatkan dimensi yang dikehendaki. Walau bagaimanapun, kaedah ini memerlukan manipulasi DOM dan boleh menjadi sensitif kepada aksara tertentu dalam nama fail imej.

Untuk menangani isu ini, kami mencadangkan penyelesaian yang lebih baik yang merangkum kod di dalam fungsi yang dipanggil getBackgroundImageSize. Fungsi ini menggunakan Objek Tertunda jQuery untuk mengendalikan pemuatan imej tak segerak dan menyediakan pengendalian ralat. Selain itu, ia menggunakan ungkapan biasa yang lebih mantap untuk memadankan pelbagai format URL, memastikan keserasian dengan pelayar yang berbeza dan versi jQuery.

Penggunaan getBackgroundImageSize adalah mudah. Cukup sediakan elemen jQuery sebagai hujah, dan ia akan mengembalikan janji. Jika imej berjaya dimuatkan, janji akan diselesaikan dengan objek yang mengandungi lebar dan ketinggian imej latar belakang. Jika tidak, janji itu akan ditolak.

Penyelesaian yang dikemas kini ini menawarkan pendekatan yang lebih komprehensif dan boleh dipercayai untuk menentukan dimensi imej latar belakang div menggunakan jQuery.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mendapatkan Dimensi Imej Latar Belakang Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan