Desativar o visualizador de imagens grandes

Se você deseja que suas imagens sejam exibidas apenas no layout selecionado e não deseja ampliá-las, desative o visualizador de imagens grandes com a ajuda da substituição de CSS/HTML/script.


Encontre o código relevante:

  • Copie todo o script mencionado abaixo. Isso funcionaria em todos os layouts de grade.
<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> 

  • Copie todo o script mencionado abaixo. Isso funcionaria no controle deslizante vertical e layout detalhado do controle deslizante vertical.
<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>

  • Copie todo o script mencionado abaixo. Isso funcionaria em um layout de imagem única.
<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>

  • Copie todo o script mencionado abaixo. Isso funcionaria em controle deslizante e controle deslizante com layout de imagem de rolagem. 
<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>

Note: Para desabilitar qualquer visualizador de imagens grandes de galeria em particular, você precisa anexar o ID da galeria com .espaçamento do palco classe. Você pode obter o ID da galeria com a ajuda de um inspetor do navegador. Se precisar de nossa ajuda, envie-nos um ping no bate-papo do estúdio ou envie-nos um e-mail para support@pixpa.com.


Siga os passos abaixo para aplicar o código:

  • Depois de copiar o código relevante, vá para Configurações (1).
  • No Scripts Externos (2), cole o código no seção (3).
  • Bata o Salvar (4) botão para salvar as alterações no estúdio.

Agora, atualize o site para revisar as alterações no site ativo.

 

Não consegue encontrar o que procura?

Entre em contato com um especialista da Pixpa.