Hvis du ønsker, at dine billeder kun skal vises i det valgte layout og ikke ønsker at forstørre billederne, kan du deaktivere den store billedfremviser ved hjælp af CSS/HTML/script-override.
Find den relevante kode:
- Kopier hele scriptet nævnt nedenfor. Dette ville virke på alle gitterlayouts.
<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>
- Kopier hele scriptet nævnt nedenfor. Dette ville virke på lodret skyder og vertikal skyder detaljeret 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>
- Kopier hele scriptet nævnt nedenfor. Dette ville fungere på en enkelt billede layout.
<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>
- Kopier hele scriptet nævnt nedenfor. Dette ville virke videre skyder og skyder med scroll billedlayout.
<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ølg nedenstående trin for at anvende koden:
- Efter at have kopieret den relevante kode, gå til Indstillinger (1).
- I Eksterne scripts (2), indsæt koden i afsnit (3).
- Hit the Gem (4) knappen for at gemme ændringerne i studiet.
Opdater nu webstedet for at gennemgå ændringerne på live-webstedet.