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>

Note:: Per disattivare un particolare visualizzatore di immagini di grandi dimensioni di una galleria, è necessario aggiungere all'ID della galleria .spaziatura tra i palcoscenici classe. È possibile ottenere l'ID della galleria con l'aiuto di un ispettore del browserSe hai bisogno del nostro aiuto, contattaci tramite la chat dello studio o scrivici a 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.