Wyłącz przeglądarkę dużych obrazów

Jeśli chcesz, aby Twoje obrazy były wyświetlane tylko w wybranym układzie i nie chcesz powiększać obrazów, możesz wyłączyć przeglądarkę dużych obrazów za pomocą nadpisania CSS/HTML/script.


Znajdź odpowiedni kod:

  • Skopiuj cały skrypt wymieniony poniżej. To zadziałałoby na wszystkich układy siatki.
<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> 

  • Skopiuj cały skrypt wymieniony poniżej. To zadziałałoby na suwak pionowy i szczegółowy układ suwaka pionowego.
<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>

  • Skopiuj cały skrypt wymieniony poniżej. To działałoby na pojedynczy układ obrazu.
<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>

  • Skopiuj cały skrypt wymieniony poniżej. To by działało suwak i suwak z układem obrazu przewijania. 
<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>

Note: Aby wyłączyć dowolną przeglądarkę dużych obrazów galerii, musisz dołączyć identyfikator galerii za pomocą .odstępy między scenami klasa. Identyfikator galerii można uzyskać za pomocą pliku a inspektor przeglądarki. Jeśli potrzebujesz naszej pomocy, wyślij nam wiadomość z czatu w studio lub napisz do nas na adres support@pixpa.com.


Wykonaj poniższe czynności, aby zastosować kod:

  • Po skopiowaniu odpowiedniego kodu przejdź do Ustawienia (1).
  • W Skrypty zewnętrzne (2), wklej kod w Sekcja (3).
  • Uderz w Zapisz (4) przycisk, aby zapisać zmiany w studio.

Teraz odśwież witrynę, aby przejrzeć zmiany w aktywnej witrynie.

 

Nie możesz znaleźć tego, czego szukasz?

Skontaktuj się z Ekspertem Pixpa.