Schakel de viewer voor grote afbeeldingen uit

Als u wilt dat uw afbeeldingen alleen in de geselecteerde lay-out worden weergegeven en de afbeeldingen niet wilt vergroten, kunt u de viewer voor grote afbeeldingen uitschakelen met behulp van CSS/HTML/script override.

---

Zoek de relevante code:

• Kopieer het volledige onderstaande script. Dit zou werken op alle raster lay-outs.

<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> 

---

• Kopieer het volledige onderstaande script. Dit zou werken op de verticale schuifregelaar en verticale schuifregelaar gedetailleerde lay-out.

<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>

---

• Kopieer het volledige onderstaande script. Dit zou werken op een lay-out van één afbeelding.

<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>

---

• Kopieer het volledige onderstaande script. Dit zou doorwerken schuifregelaar en schuifregelaar met lay-out van scrollafbeeldingen. 

<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>

---

Volg de onderstaande stappen om de code toe te passen:

• Ga na het kopiëren van de relevante code naar settings (1).
• In de Externe scripts (2), plak de code in het sectie (3).
• Druk op de Opslaan (4) knop om de wijzigingen in de studio op te slaan.

Vernieuw nu de site om de wijzigingen op de live site te bekijken.