Remover efeito de zoom, efeito de escala kenburns?

  • rogeriorleal
  • Avatar de rogeriorleal Autor do Tópico
  • Offline
  • JCB! Senior
  • JCB! Senior
Mais
6 anos 11 meses atrás #100799 por rogeriorleal
rogeriorleal created the topic: Remover efeito de zoom, efeito de escala kenburns?
Olá,

uso um template/QuickStart que vem com um slideshow muito bom, porém gostaria de mudar algumas coisas.

A primeira é desativar o zoom/scale, e isso foi possível alterando data-uk-slideshow="{kenburns:true}" para FALSE, e ficou assim: data-uk-slideshow="{kenburns:false}".

Porém as imagens cntinuam sendo carregadas no slide com o zoom/escala ativado, já que o efeito iria reduzí-las ou ampliá-las.

Quero que as imagens sejam carregadas no slide com seus tamanhos reais, originais, sem o zomm/escala.

O código que fica no módulo, HTML personalizado é:
<div class="uk-slidenav-position" data-uk-slideshow="{kenburns:true,autoplay:true}">
<ul class="uk-slideshow uk-overlay-active uk-slideshow-fullscreen">
<li><img src="images/derfotograf/slidehome/01.jpg" alt="" />
<div class="uk-overlay-panel uk-overlay-fade uk-flex uk-flex-bottom uk-flex-center">
<h2>Simple Photo 1</h2>
</div>
</li>
<li><img src="images/derfotograf/slidehome/02.jpg" alt="" />
<div class="uk-overlay-panel uk-overlay-fade uk-flex uk-flex-bottom uk-flex-center">
<h2>Simple Photo 2</h2>
</div>
</li>
<li><img src="images/derfotograf/slidehome/03.jpg" alt="" />
<div class="uk-overlay-panel uk-overlay-fade uk-flex uk-flex-bottom uk-flex-center">
<h2>Simple Photo 3</h2>
</div>
</li>
</ul>
<a class="uk-slidenav uk-slidenav-contrast uk-slidenav-previous" data-uk-slideshow-item="previous"></a> <a class="uk-slidenav uk-slidenav-contrast uk-slidenav-next" data-uk-slideshow-item="next"></a>
<ul class="uk-dotnav uk-dotnav-contrast uk-position-bottom uk-flex-center">
<li data-uk-slideshow-item="0"><a> </a></li>
<li data-uk-slideshow-item="1"><a> </a></li>
<li data-uk-slideshow-item="2"><a> </a></li>
</ul>
</div>

Como o arquivo "theme.css" é grande, não exibirei Remover efeito de zoom, efeito de escala "{kenburns:".aqui.

Quais os elementos do CSS que deverei alterar para desativar esse zoom/escala?

Please Entrar ou Registrar to join the conversation.