Вимкнути засіб перегляду великих зображень

Якщо ви хочете, щоб ваші зображення відображалися лише у вибраному макеті та не бажаєте збільшувати зображення, ви можете вимкнути засіб перегляду великих зображень за допомогою перевизначення 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>

примітки: щоб вимкнути будь-яку конкретну галерею для перегляду великих зображень, потрібно додати ідентифікатор галереї за допомогою .сценічний інтервал клас. Ви можете отримати ідентифікатор галереї за допомогою a інспектор браузера. Якщо вам потрібна наша допомога, надішліть нам запит із чату студії або напишіть нам на support@pixpa.com.


Щоб застосувати код, виконайте наведені нижче дії.

  • Після копіювання відповідного коду перейдіть до Налаштування (1).
  • У Зовнішні сценарії (2), вставте код у розділ (3).
  • Вдарте зберегти (4) кнопка для збереження змін у студії.

Тепер оновіть сайт, щоб переглянути зміни на сайті.

 

Не можете знайти те, що шукаєте?

Зв’яжіться з експертом Pixpa.