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