Disabilita il visualizzatore di immagini di grandi dimensioni

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


Trova il codice pertinente:

  • Copia l'intero script indicato di seguito. Questo funzionerebbe su tutti i schemi di 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 indicato di seguito. Questo funzionerebbe sul 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 indicato di seguito. Questo funzionerebbe su a layout a 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 indicato di seguito. Questo funzionerebbe cursore e cursore con layout dell'immagine di scorrimento. 
<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 disabilitare un particolare visualizzatore di immagini di grandi dimensioni della galleria, è necessario aggiungere l'id della galleria con .spaziatura scenica classe. Puoi ottenere l'ID della galleria con l'aiuto di a ispettore del browser. Se hai bisogno del nostro aiuto, inviaci un ping dalla chat dello studio o inviaci un'e-mail all'indirizzo support@pixpa.com.


Seguire i passaggi seguenti per applicare il codice:

  • Dopo aver copiato il relativo codice, vai a Impostazioni profilo (1).
  • Nel Script esterni (2), incollare il codice nel file sezione (3).
  • Colpire il Risparmi (4) pulsante per salvare le modifiche in studio.

Ora aggiorna il sito per rivedere le modifiche sul sito live.

 

Non trovi quello che cerchi?

Mettiti in contatto con un esperto Pixpa.