Inaktivera visning av stora bilder

Om du vill att dina bilder endast ska visas i den valda layouten och inte vill förstora bilderna kan du inaktivera den stora bildvisaren med hjälp av CSS/HTML/script override.


Hitta den relevanta koden:

  • Kopiera hela skriptet som nämns nedan. Detta skulle fungera på alla rutnätslayouter.
<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> 

  • Kopiera hela skriptet som nämns nedan. Detta skulle fungera på vertikal skjutreglage och vertikal skjutreglage detaljerad 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>

  • Kopiera hela skriptet som nämns nedan. Detta skulle fungera på en enstaka bildlayout.
<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>

  • Kopiera hela skriptet som nämns nedan. Det här skulle fungera skjutreglage och skjutreglage med rullbildslayout. 
<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>

Anmärkningar: För att inaktivera en viss bildvisare för stora gallerier måste du lägga till galleri-id med .scen-mellanrum klass. Du kan få galleri-ID med hjälp av en webbläsarinspektör. Om du behöver vår hjälp, vänligen pinga oss från studiochatt eller maila oss på support@pixpa.com.


Följ stegen nedan för att tillämpa koden:

  • Efter att ha kopierat relevant kod, gå till Inställningar (1).
  • I Externa skript (2), klistra in koden i sektion (3).
  • Slå Save (4) för att spara ändringarna i studion.

Uppdatera nu webbplatsen för att granska ändringarna på livesajten.

 

Hittar du inte det du letar efter?

Ta kontakt med en Pixpa-expert.