Cara Membesarkan Gambar Apabila Diklik

Isi kandungan:

Cara Membesarkan Gambar Apabila Diklik
Cara Membesarkan Gambar Apabila Diklik

Video: Cara Membesarkan Gambar Apabila Diklik

Video: Cara Membesarkan Gambar Apabila Diklik
Video: Belajar HTML program dimana jika suatu gambar di klik akan buka gambar lebih besar. 2024, Disember
Anonim

Ada kalanya anda perlu meletakkan pratonton gambar di halaman laman web. Gambar yang terpapar dalam mod pratonton diperbesar apabila ditekan, dan pengguna berpeluang melihat semua perincian yang menarik perhatiannya. Terdapat beberapa cara untuk membuat pratonton ini.

Cara membesarkan gambar apabila diklik
Cara membesarkan gambar apabila diklik

Arahan

Langkah 1

Muat naik gambar ke laman web hosting foto pihak ketiga dan masukkan pautan yang anda mahukan di laman web anda. Pergi ke halaman penukar yang sesuai dengan anda dan, dengan menggunakan butang yang sesuai, nyatakan di mana gambar akan dimuat turun dari: dari Internet atau dari komputer anda. Dalam kes pertama, salin pautan ke gambar dari bar alamat di tetingkap penyemak imbas dan tampalkannya ke bidang yang ditentukan pada hosting foto. Dalam kes kedua, klik pada butang "Browse" dan tentukan direktori di mana gambar anda berada di komputer anda. Klik pada butang "Muat turun" dan tunggu sehingga operasi selesai.

Langkah 2

Agar gambar anda diperbesar dengan klik tetikus, salin pautan yang terdapat di medan "Pratonton" ("Pratonton", "Klik untuk membesarkan"), dan tampalkannya ke sumber anda. Sebagai alternatif untuk kapsyen tersebut, pilihan yang berbeza untuk ukuran gambar dapat diberikan. Sebagai contoh, untuk ukuran penuh gambar, nilainya boleh menjadi 600x450, dan untuk pratonton - 200x150.

Langkah 3

Sebagai alternatif, buka halaman di laman web anda untuk diedit. Dalam kumpulan "Imej" pada panel pilihan, klik butang "Jelajah" dan tentukan jalan ke gambar yang disimpan di komputer anda. Sekiranya anda ingin memuat naik beberapa gambar sekaligus, tekan bilangan kali yang diperlukan pada ikon [+] dan ulangi operasi untuk setiap gambar. Untuk setiap gambar yang dimuat naik, kod akan dihasilkan ($ IMAGE1 $, $ IMAGE2 $ dan seterusnya). Ini akan muncul di sebelah kanan butang "Browse" di medan yang terpisah, tempelkan kod ini di tempat yang diinginkan di halaman.

Langkah 4

Di sebelah kanan bidang dengan kod, bidang dengan resolusi gambar dalam bentuk pratonton akan tersedia untuk diedit. Tentukan seberapa tinggi dan lebar gambar anda dalam mod pratonton. Sekiranya anda mahu, anda juga boleh mengubah data dalam kumpulan "Dimensi maksimum gambar penuh". Klik pada butang "Simpan". Pratonton yang dibuat dengan cara ini diperbesar apabila diklik pada tab baru. Sekiranya anda mahu gambar diperbesar tanpa meninggalkan halaman, masukkan skrip yang sesuai di laman web ini.

Disyorkan: