Disabilita il visualizzatore di immagini di grandi dimensioni

Se vuoi che le tue immagini vengano visualizzate solo nel layout selezionato e non vuoi ingrandirle, puoi disattivare il visualizzatore di immagini di grandi dimensioni con l'aiuto dell'override CSS/HTML/script.


Trova il codice pertinente:

  • Copia l'intero script menzionato di seguito. Questo funzionerebbe su tutti i layout a griglia.
<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> 

  • Copia l'intero script menzionato di seguito. Questo funzionerebbe su cursore verticale e layout dettagliato del cursore verticale.
<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>

  • Copia l'intero script menzionato di seguito. Questo funzionerebbe su un layout di immagine singola.
<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>

  • Copia l'intero script menzionato di seguito. Questo funzionerebbe su cursore e cursore con layout immagine scorrevole. 
<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>

Nota : per disabilitare il visualizzatore di immagini di grandi dimensioni di una galleria specifica, è necessario aggiungere la classe .stage -spacing all'ID della galleria . È possibile ottenere l'ID della galleria tramite lo strumento di ispezione del browser . Se hai bisogno di assistenza, contattaci tramite la chat di Studio o inviaci un'e-mail all'indirizzo support@pixpa.com.


Per applicare il codice, seguire i passaggi seguenti:

  • Dopo aver copiato il codice pertinente, vai a Impostazioni profilo (1).
  • Nel Script esterni (2), incolla il codice nel sezione (3).
  • Colpire il Salva (4) pulsante per salvare le modifiche nello studio.

Ora aggiorna il sito per rivedere le modifiche apportate al sito live.

 

Non trovi quello che cerchi?

Mettiti in contatto con un esperto Pixpa.

Pixpa Studio è stato appena rinnovato. Stiamo aggiornando tutte le schermate degli articoli di aiuto.