Nonaktifkan penampil gambar besar

Jika Anda ingin gambar Anda hanya ditampilkan dalam tata letak yang dipilih dan tidak ingin memperbesar gambar, Anda dapat menonaktifkan penampil gambar besar dengan bantuan penggantian CSS/HTML/skrip.


Temukan kode yang relevan:

  • Salin seluruh skrip yang disebutkan di bawah ini. Ini akan bekerja pada semua tata letak kisi.
<script type='text/javascript'>
 $(document).ready(function () {
   setInterval(function(){
     $('.stage-spacing .grid-item').removeClass('js-grid-item');
   }, 1000);
 });
</script>

<style>
#photo-gallery .grid .grid-item {
 cursor: inherit;}
</style> 

  • Salin seluruh skrip yang disebutkan di bawah ini. Ini akan bekerja pada slider vertikal dan tata letak detail slider vertikal.
<script type='text/javascript'>
 $(document).ready(function () {
   setInterval(function(){
     $('.stage-spacing .slideshow-item').removeClass('js-slideshow-item');
   }, 1000);
 });
</script>

<style>
@media screen and (min-width: 1024px){
 .vert-slideshow .slideshow-item img {
 cursor:inherit !important;
 }} 
</style>

  • Salin seluruh skrip yang disebutkan di bawah ini. Ini akan berhasil pada a tata letak gambar tunggal.
<script type='text/javascript'>
 $(document).ready(function () {
   setInterval(function(){
     $('.stage-spacing .lslide').removeClass('js-slideshow-item');
   }, 1000);
 });
</script>

<style>
.light-slider .lslide img { cursor:inherit !important;}
</style>

  • Salin seluruh skrip yang disebutkan di bawah ini. Ini akan berhasil penggeser dan penggeser dengan tata letak gambar gulir. 
<script type='text/javascript'>
 $(document).ready(function () {
   setInterval(function(){
     $('.stage-spacing .list-active').removeClass('js-slideshow-item');
   }, 1000);
 });
</script>

<style>
@media screen and (min-width: 1024px){
 .slidee li.list-active {
 cursor:inherit !important;
 }} 
</style>

Note: Untuk menonaktifkan penampil gambar besar galeri tertentu, Anda perlu menambahkan id galeri dengan .jarak panggung kelas. Anda bisa mendapatkan ID galeri dengan bantuan a inspektur browser. Jika Anda memerlukan bantuan kami, silakan ping kami dari obrolan studio atau kirimkan email kepada kami di support@pixpa.com.


Ikuti langkah-langkah di bawah ini untuk menerapkan kode:

  • Setelah menyalin kode yang relevan, buka Settings (1).
  • Dalam majalah Skrip Eksternal (2), rekatkan kode di bagian (3).
  • Tekan Save (4) tombol untuk menyimpan perubahan di studio.

Sekarang, segarkan situs untuk meninjau perubahan di situs langsung.

 

Tidak dapat menemukan yang Anda cari?

Hubungi Pakar Pixpa.