Deaktiver visning av store bilder

Hvis du vil at bildene dine kun skal vises i den valgte layouten og ikke ønsker å forstørre bildene, kan du deaktivere den store bildevisningen ved hjelp av CSS/HTML/script-overstyring.


Finn den aktuelle koden:

  • Kopier hele skriptet 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 nevnt nedenfor. Dette ville fungere på vertikal skyveknapp og vertikal glidebryter detaljert layout.
<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 nevnt nedenfor. Dette ville fungere på en enkeltbildeoppsett.
<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 nevnt nedenfor. Dette skulle fungere skyveknapp og skyveknapp 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>

Merknader: For å deaktivere et bestemt galleri stort bildeviser, må du legge til galleri-ID med .scene-avstand klasse. Du kan få galleri-ID ved hjelp av en nettleserinspektør. Hvis du trenger vår hjelp, vennligst ping oss fra studiochatten eller send 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).
  • 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.