whycomputer.com >> Rangkaian komputer >  >> Perisian

Membuat Kesan Gambar Kabur Bila Kursor Tidak Mengarahkan di Tumblr

Persediaan Gambar

Untuk mencipta kesan gambar kabur, anda perlukan dua salinan gambar hampir identik: satu asli jelas dan satu lagi yang diubah menjadi kabur.

Gunakan fungsi Blur dalam GIMP atau Photoshop dan pastikan kedua‑dua gambar mempunyai dimensi yang sama.

Kod JavaScript

Masukkan kod berikut antara tag <head> dan </head> dalam tema Tumblr anda.

JavaScript ini mengubah sumber gambar ketika kursor diarahkan atau tidak.

<script language="javascript">
  function MouseRollover(MyImage) { MyImage.src = "Picture1.jpg"; }
  function MouseOut(MyImage) { MyImage.src = "Picture2.jpg"; }
</script>

Ganti Picture1.jpg dengan URL gambar asli jelas dan Picture2.jpg dengan URL gambar kabur.

Kod HTML

Letakkan kod berikut di tempat anda mahu kesan gambar dipaparkan.

<div align="center">
  <!-- Gambar dipaparkan di sini -->
  <img src="Picture2.jpg" border="0px" width="500px" height="500px" onMouseOver="MouseRollover(this)" onMouseOut="MouseOut(this)" />
</div>

Ganti Picture2.jpg dengan URL gambar kabur (gambar lalai). Sesuaikan atribut width dan height mengikut saiz yang dikehendaki.

Pasang Kod

1. Buka papan pemuka Tumblr anda, klik tab Customize di blog yang ingin diubah.

2. Pilih Edit HTML untuk membuka editor tema.

3. Salin kod JavaScript (Ctrl‑C) dan tampalkannya sebelum tag </head> (Ctrl‑V).

4. Salin kod HTML dan tampalkannya di tempat yang sesuai dalam kod tema.

5. Klik Update Preview untuk melihat kesan, kemudian Save untuk menyimpan perubahan.

Catatan: Kod ini hanya berfungsi dalam tema, bukan dalam pos Tumblr.


URL:https://ms.whycomputer.com/perisian/1015018951.html

Perisian
  • Membuat Stereogram 3D: Panduan Lengkap

    Pengantar Stereogram, atau autostereogram, ialah ilusi optik yang menampilkan gambar tersembunyi dalam imej 2D yang boleh dilihat dengan mempaut mata anda. Walaupun mencipta stereogram memerlukan kemahiran, perisian grafik moden kini memudahkan proses rekabentuk. Menggunakan Stereogram Untuk melihat

  • Membuat Bingkai Gambar Oval Secara Mudah

    Membuat Bingkai Gambar Oval Memilih bingkai gambar yang sesuai dapat mempertingkatkan penampilan foto anda. Bingkai oval menawarkan sentuhan unik dan profesional, dan anda boleh membuatnya menggunakan editor foto dalam talian atau perisian di komputer. Membuat Gambar dan Bingkai Oval Langkah 1 L

  • Cara Menjadikan Gambar Monitor Lebih Tajam

    Anda boleh memperbaiki ketajaman gambar monitor dengan menyesuaikan resolusi skrin pada komputer atau laptop anda. Resolusi skrin yang lebih rendah, seperti 800×600, menghasilkan imej yang lebih besar dan kelihatan berbutir serta kabur, manakala resolusi lebih tinggi, seperti 1680×1050, menghasilkan

Rangkaian komputer © https://ms.whycomputer.com