Якщо ви хочете, щоб ваші зображення відображалися лише у вибраному макеті та не бажаєте збільшувати зображення, ви можете вимкнути засіб перегляду великих зображень за допомогою перевизначення CSS/HTML/script.
Знайдіть відповідний код:
- Скопіюйте весь сценарій, згаданий нижче. Це спрацювало б на всіх макети сітки.
<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>
- Скопіюйте весь сценарій, згаданий нижче. Це спрацювало б на вертикальний слайдер і детальний макет вертикального слайдера.
<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>
- Скопіюйте весь сценарій, згаданий нижче. Це спрацює на a макет одного зображення.
<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>
- Скопіюйте весь сценарій, згаданий нижче. Це буде працювати далі повзунок і слайдер із прокручуванням зображення.
<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>
Щоб застосувати код, виконайте наведені нижче дії.
- Після копіювання відповідного коду перейдіть до Налаштування (1).
- У Зовнішні сценарії (2), вставте код у розділ (3).
- Вдарте зберегти (4) кнопка для збереження змін у студії.
Тепер оновіть сайт, щоб переглянути зміни на сайті.