Deaktiver stor billedfremviser

Hvis du ønsker, at dine billeder kun skal vises i det valgte layout og ikke ønsker at forstørre billederne, kan du deaktivere den store billedfremviser ved hjælp af CSS/HTML/script-override.


Find den relevante kode:

  • Kopier hele scriptet nævnt nedenfor. Dette ville virke på alle gitterlayouts.
<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 scriptet nævnt nedenfor. Dette ville virke på lodret skyder og vertikal skyder detaljeret 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 scriptet nævnt nedenfor. Dette ville fungere på en enkelt billede layout.
<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 scriptet nævnt nedenfor. Dette ville virke videre skyder og skyder med scroll billedlayout. 
<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>

Bemærk: For at deaktivere en bestemt billedfremviser for galleri, skal du tilføje galleri-id med .scene-afstand klasse. Du kan få galleri-id'et ved hjælp af en browserinspektør. Hvis du har brug for vores hjælp, bedes du pinge os fra studiochat eller sende os en mail på support@pixpa.com.


Følg nedenstående trin for at anvende koden:

  • Efter at have kopieret den relevante kode, gå til Indstillinger (1).
  • I Eksterne scripts (2), indsæt koden i afsnit (3).
  • Hit the Gem (4) knappen for at gemme ændringerne i studiet.

Opdater nu webstedet for at gennemgå ændringerne på live-webstedet.

 

Kan du ikke finde det, du leder efter?

Kom i kontakt med en Pixpa-ekspert.