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

jSimplePresentation

— Add-On para WorldWideScripts.net

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


jSimplePresentation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Esta rubrica representa uma nova visão de uma apresentação de slides, oferecido como um plugin jQuery.
Alguns dos possíveis usos:

  • Para usá-lo em vez de powerpoint, a fim de apresentar suas idéias
  • Para anunciar um produto, um website,...
  • Para fazer um livro de HTML projetado
  • etc, etc.

Características

  • Capaz de utilizar outros plugins, além de um presente
  • Capaz de carregar um número ilimitado de páginas
  • Ele pode contém o que você quer (a página é uma div simples)
  • As páginas (centro da página) são automaticamente redimensionadas com o navegador
  • Inteiramente e facilmente customizável
  • Muito fácil de usar
  • Navegação pelo teclado (direita / esquerda / espaço / L)
  • Opção Slideshow
  • Opção Autoplay
  • A opção Ciclo
  • Opção de pré-carregamento de imagem
  • Ir para uma determinada página (com controle de entrada segura)
  • W3C Valid
  • Funciona em iOS (iPhone / iPad) e, certamente, em Android
  • Três temas incluídos (cinza, azul, laranja)
  • 4 predefinições de transição
  • Você pode escrever sua própria transição com uma função simples na chamada plug-in
  • As transições podem ser diferentes para as ações seguintes e anteriores
  • Bem comentado (a maioria das ações no código contêm comentários)

Como usar

JS - Sintaxe
 $ (Document).simplePresentation ({ autoplay: boolean, loop: boolean, intervalTime: integer, pré-carregamento: boolean, transitionFct: function }); 

JS - Exemplo com uma transição predefinida
 var transitionFunction = function (elt, fonte, transitionTime) { Transition.opacity (elt, fonte, transitionTime); }; $ (Document).simplePresentation ({ autoplay: false, loop: false, intervalTime: 2000, pré-carregamento: false, transitionFct: transitionFunction }); 

JS - Exemplo com uma transição que escrevemos
 var transitionFunction = function (elt, fonte, transitionTime) { elt.css ("opacidade", "0"); // Se nós vamos para a próxima página if (fonte == "RIGHT") { elt.css ("marginLeft", "100%"); elt.animate ({ "Opacidade": 1, "MarginLeft": "0px" }, TransitionTime); } Outro { elt.css ("marginRight", "100%"); elt.animate ({ "Opacidade": 1, "MarginRight": "0px" }, TransitionTime); } }; $ Apresentação = $ (documento).simplePresentation ({ autoplay: false, loop: false, intervalTime: 4000, pré-carregamento: true, transitionFct: transitionFunction }); 

HTML
 <Div id = "container"> <Div id = "page1"> ... </ Div> <Div id = "page2"> ... </ Div> </ Div> 
Cada div com id = "pageX" representam uma página.
Cada páginas devem ter um ID que começa com "página".

Navegadores compatíveis

Este item funciona com os seguintes navegadores:
  • Firefox 4+
  • IE7 + (usa uma folha de estilo CSS separados para o IE inferior a V.9)
  • Ópera
  • Cromada
  • Safári

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

Propriedades

Criado:
15 11 de dezembro

Última Atualização:
N / D

Alta Resolução:
Não

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

Arquivos incluídos:
JS JavaScript, HTML, CSS

Versão Do Software:
jQuery

Palavras-chave

eCommerce, eCommerce, Todos Os Itens, animaç, ã, o, projeto, Power Point, apresentaç, ã, o, controle deslizante, slideshow, transiç, ã, o