Warning: session_start() [function.session-start]: Cannot send session cookie - headers already sent by (output started at /home/w68224/public_html/webis/wp-blog-header.php:1) in /home/w68224/public_html/webis/wp-content/themes/yoo_glass_wp/warp/systems/wordpress/helpers/config.php on line 48

Warning: session_start() [function.session-start]: Cannot send session cache limiter - headers already sent (output started at /home/w68224/public_html/webis/wp-blog-header.php:1) in /home/w68224/public_html/webis/wp-content/themes/yoo_glass_wp/warp/systems/wordpress/helpers/config.php on line 48
.:: Webis Soluções::. » Spotlight – Holofote

Spotlight – Holofote

O Spotlight WidgetKit permite que você adicione uma sobreposição de suas imagens que desaparece ou se move em no foco do mouse. A sobreposição pode ser uma imagem ou conteúdo HTML. O foco lupa padrão é um par perfeito para ser usado com uma mesa de luz.

Características

  • Criar sobreposições de imagem bem animados
  • Suporta imagem personalizada ou sobreposições de conteúdo HTML
  • 5 modos diferentes de animação
  • Projeto ágil para atender todas as resoluções do dispositivo
  • Construído com a mais recente versão do jQuery
  • Trabalha com Joomla e WordPress

Exemplos

Se nenhum overlay personalizado é definido desaparece holofotes padrão em uma sobreposição com uma imagem lupa. Se você definir uma sobreposição de costume você pode escolher entre diferentes animações – desvanece-se , fundo , topo , direita e esquerda – Codigos:. – fade, bottom, top, right e left.

Como Usar

Use os dados personalizados HTML5 atribuir dados holofotes para ativar o centro das atenções – spotlight.Codigo: data-spotlight

<a data-spotlight="on" href="/mypage.html">
	<img src="/image.jpg" width="180" height="120" alt="" />
</a>

Para criar uma sobreposição de costume usar um elemento div com a classe CSS sobreposição . Você pode definir o parâmetro de efeito para o atributo de dados. .Codigo: overlay. Por exemplo:

<a data-spotlight="effect:bottom;" href="/mypage.html">
	<img src="/image.jpg" width="180" height="120" alt="" />
	<div class="overlay">Custom Overlay</div>
</a>

Você pode definir o parâmetro de efeito de desaparecer , fundo , topo , direita e esquerda . -.Codigo: fade, bottom, top, right e left.