cari

Rumah  >  Soal Jawab  >  teks badan

javascript - Bagaimana untuk melaksanakan imej bahagian hadapan dalam artikel Klik untuk muncul untuk membesarkan, kemudian klik untuk menarik balik.

Dalam projek baru-baru ini, terdapat artikel yang diterbitkan oleh ahli Apabila ilustrasi artikel itu dipaparkan pada telefon bimbit, kadangkala anda perlu mengezum masuk untuk melihatnya, dan anda tidak boleh mengklik untuk membesarkan.

Satu-satunya perkara yang boleh dikendalikan di sini ialah tag img.

$("img").klik(fungsi(){

$(this).wrap('<a href='+$(this)[0].src+'></a>')

})

Tambah tag href ke img dan tulis laluan img, gambar akan muncul, tetapi tiada cara untuk kembali, sila selesaikan

Sama seperti gambar yang ditunjukkan, bagaimana untuk melaksanakan bahagian hadapan atau pemalam ini!

过去多啦不再A梦过去多啦不再A梦2731 hari yang lalu1001

membalas semua(5)saya akan balas

  • 三叔

    三叔2017-06-26 10:53:46

    Klik pada imej untuk mencipta lapisan topeng baharu Src imej dalam lapisan topeng adalah sama dengan src sasaran yang anda klik

    .

    balas
    0
  • 漂亮男人

    漂亮男人2017-06-26 10:53:46

    Anda boleh melihat pemalam jquery untuk kesan imej. Perkenalkan terus ke dalam projek anda, kemudian lakukan beberapa konfigurasi, dan ia akan dilaksanakan.
    Suka kesan ini: http://www.jq22.com/yanshi6536

    balas
    0
  • 阿神

    阿神2017-06-26 10:53:46

    Jika anda ingin mencapainya sendiri

    Saya rasa apa yang anda maksudkan ialah selepas klik pada gambar, gambar itu dibalut dengan lapisan tag

    Anda boleh mengubah pemikiran anda

    Gunakan location.href untuk melompat selepas mengklik Ini memudahkan untuk menilai sama ada untuk melompat atau kembali dalam js

    Gambar besar selepas muncul mempunyai latar belakang hitam, yang paling mudah difahami oleh pengguna, sebenarnya, pengguna boleh mengklik latar belakang hitam untuk kembali

    Hubungan hierarki antara latar belakang dan img telah diwujudkan. Gunakan acara.sasaran untuk menentukan sama ada imej yang diklik ialah gambar atau latar belakang hitam

    Tentukan sama ada untuk melompat atau kembali

    balas
    0
  • 欧阳克

    欧阳克2017-06-26 10:53:46

    Anda bercakap tentang pemalam jenis ini http://refined-x.com/Flow-UI/...

    balas
    0
  • 滿天的星座

    滿天的星座2017-06-26 10:53:46

    Saya belum menulis tentang versi mudah alih, tetapi saya telah menulis tentang kesan yang serupa pada versi PC.
    Caranya ialah dengan menambah lapisan topeng, yang biasanya tersembunyi. Apabila imej diklik, togol lapisan topeng (), dan kemudian memberikan atribut src imej kepada img lapisan topeng.
    Sudah tentu, anda perlu menetapkan gaya img lapisan topeng, seperti: lebar maks, ketinggian maks, berpusat, dsb.
    Akhir sekali, paras lapisan topeng hendaklah paling tinggi.

    balas
    0
  • Batalbalas