Отключить просмотрщик больших изображений

Если вы хотите, чтобы ваши изображения отображались только в выбранном макете и не хотите увеличивать изображения, вы можете отключить средство просмотра больших изображений с помощью переопределения CSS/HTML/скрипта.


Найдите соответствующий код:

  • Скопируйте весь скрипт, упомянутый ниже. Это будет работать на всех макеты сетки.
<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>

  • Скопируйте весь скрипт, упомянутый ниже. Это будет работать на макет с одним изображением.
<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>

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


Выполните следующие шаги, чтобы применить код:

  • Скопировав соответствующий код, перейдите к Настройки (1).
  • В Внешние скрипты (2), вставьте код в раздел (3).
  • Хит Сохранить (4) кнопка сохранения изменений в студии.

Теперь обновите сайт, чтобы просмотреть изменения на действующем сайте.

 

Не можете найти то, что ищете?

Свяжитесь с экспертом Pixpa.