WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Sliders

Before-After Slider&Banner jQuery Plugin

— Add-On para WorldWideScripts.net

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


Before-After Slider&Banner jQuery Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Atualização V1.2 - 16.02.2012

  • função Auto Timer foi adicionado.

Atualização V1.1 - 18.12.2011

  • Otimizado a funcionalidade IE8
  • Nova Opção: mousepointer Autofollow On / Off

O que é isso?

Antes-Depois permite colocar duas imagens em cima uns dos outros e usar um controle deslizante arrastado para esconder e revelar cada imagem. Isto é especialmente útil para destacar a / Após reforma antes ou imagens lado sem tocar / Photoshopped a lado.

Nós construímos um controle deslizante em torno deste recurso para construir uma vitrine única de conjuntos de fotos antes e depois. Dê a cada controle deslizante uma descrição e definir o ponto inicial do controle deslizante para transportar sua mensagem.

É difícil de implementar?

Não! É a maneira típica de implementar um plugin jQuery. Você só precisa saber pouco de HTML e Javascript. Coloque os JS e links CSS na cabeça do seu site HTML e construir uma lista não ordenada de itens como este:

 <Li> <Img src = "images / beforeafter / 2before.jpg" alt = "images / beforeafter / 2after.jpg"> <Div id = "textbox_1"> <Div id = "logo" class = "faderight"> <Img src = "images / yourlogo.png" alt = ""> </ Div> <Div id = "título" class = "FADEUP"> Minha doce menina </ Div> <Div id = "description" class = "FADEUP"> Descrição ipsum dolor sit amet, pericula sapentim ei ius. Pupolo patrioque elaboraret usu et. Duo numquam assentior et. </ Div> </ Div> </ Li> 





Quais são as características?

  • Adicionar quantidade ilimitada de textos, imagens, e animá-los.
  • Defina a Z Posição dos textos, imagens para mostrar-lhes em ambos camada, ou apenas em antes ou depois de camada. Misturá-los como quiser.
  • criação automática de miniaturas. Colorir, posições, sombras, todas estas características pode ser facilmente configurado por meio do arquivo CSS.
  • jQuery Conflito plugin grátis.
  • Exemplo demos incluído.
  • Fácil de implementar.
  • Qualquer tamanho de imagem.
  • Easing especial.

Obrigado pelo seu tempo!!


Nossos Wordpress Temas










Download
Outros componentes nesta categoriaTodos os componentes deste autor
ComentáriosPerguntas mais frequentes perguntas e respostas

Propriedades

Criado:
13 de 11 de setembro

Última atualização:
N / D

Navegadores compatíveis:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

arquivos incluídos:
JavaScript JS, HTML, CSS

Versão do software:
jQuery

Palavras-chave

comé, rcio eletrô, nico, comé, rcio eletrô, nico, Todos os itens, depois de, antes, antes Depois, criativo, programa demonstrativo, fá, cil, galeria, imagem, jquery, foto, retocar, mostruá, rio, deslizante, slideshow