Deaktiver visning av store bilder

Hvis du vil at bildene dine bare skal vises i det valgte oppsettet og ikke vil forstørre bildene, kan du deaktivere den store bildeviseren ved hjelp av CSS/HTML/script overstyring.


Finn den relevante koden:

  • Kopier hele skriptet som er nevnt nedenfor. Dette vil fungere på alle rutenettoppsett.
<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> 

  • Kopier hele skriptet som er nevnt nedenfor. Dette ville fungere på vertikal glidebryter og detaljert layout for vertikal glidebryter.
<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>

  • Kopier hele skriptet som er nevnt nedenfor. Dette ville fungere på en oppsett for enkeltbilde.
<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>

  • Kopier hele skriptet som er nevnt nedenfor. Dette ville fungere på glidebryter og glidebryter med rullebildeoppsett. 
<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>

Merk : For å deaktivere en bestemt storbildevisningsfunksjon i et galleri, må du legge til galleri-ID-en med klassen .stage-spacing . Du kan få galleri-ID-en ved hjelp av en nettleserinspektør . Hvis du trenger hjelp, kan du sende oss en ping fra Studio-chatten eller sende oss en e-post på support@pixpa.com.


Følg trinnene nedenfor for å bruke koden:

  • Etter å ha kopiert den relevante koden, gå til innstillinger (1).
  • på Eksterne skript (2), lim inn koden i seksjon (3).
  • Slå den Spar (4)-knappen for å lagre endringene i studioet.

Oppdater siden for å se endringene på live-siden.

 

Finner du ikke det du leter etter?

Ta kontakt med en Pixpa-ekspert.

Pixpa Studio har nettopp blitt oppdatert. Vi oppdaterer for tiden alle skjermbilder fra hjelpeartikler.