Großbildbetrachter deaktivieren

Wenn Sie möchten, dass Ihre Bilder nur im ausgewählten Layout angezeigt werden und die Bilder nicht vergrößert werden sollen, können Sie die Anzeige für große Bilder mit Hilfe von CSS/HTML/Script-Override deaktivieren.


Finden Sie den entsprechenden Code:

  • Kopieren Sie das gesamte unten erwähnte Skript. Das würde bei allen funktionieren Raster-Layouts.
<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> 

  • Kopieren Sie das gesamte unten erwähnte Skript. Dies würde auf der funktionieren vertikaler Schieberegler und detailliertes Layout des vertikalen Schiebereglers.
<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>

  • Kopieren Sie das gesamte unten erwähnte Skript. Dies würde auf a funktionieren einzelnes 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>

  • Kopieren Sie das gesamte unten erwähnte Skript. Das würde funktionieren Slider und Slider mit Bildlauflayout. 
<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: Um einen bestimmten Galerie-Großbildbetrachter zu deaktivieren, müssen Sie die Galerie-ID mit anhängen.Bühnenabstand Klasse. Die Galerie-ID erhalten Sie mit Hilfe von a Browser-Inspektor. Wenn Sie unsere Hilfe benötigen, pingen Sie uns bitte über den Studio-Chat an oder senden Sie uns eine E-Mail an support@pixpa.com.


Führen Sie die folgenden Schritte aus, um den Code anzuwenden:

  • Gehen Sie nach dem Kopieren des entsprechenden Codes zu Einstellungen (1).
  • Im Externe Skripte (2), fügen Sie den Code in die ein Sektion (3).
  • Hit the Speichern (4) Schaltfläche zum Speichern der Änderungen im Studio.

Aktualisieren Sie jetzt die Website, um die Änderungen auf der Live-Website zu überprüfen.

 

Können Sie nicht finden, wonach Sie suchen?

Wenden Sie sich an einen Pixpa-Experten.