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