Opções De Slide Do Mootools Fx

Elementos - (elemento) O elemento a deslizar. Opções - (objeto. Opcional) Todas as opções Fx além do modo e do invólucro. Modo - (padrão de cadeia para 39vertical39) String para indicar que tipo de deslizamento. Pode ser definido como 39vertical39 ou 39horizontal39. Wrapper - (elemento padrão para this. element) Permite configurar outro elemento como wrapper. HideOverflow - (valores padrão booleanos para true) define automaticamente o excesso do invólucro para transbordar, caso contrário ele herda do elemento que está sendo embrulhado. ResetHeight - (predefinições booleanas para false) Reinicia automaticamente a altura do invólucro quando a animação do slide unfold é completada, permitindo manipular o conteúdo, mantendo-o ajustando naturalmente. Propriedades abertas - (booleano) Indica se o elemento deslizante está visível. Para criar o efeito de slide, um Elemento adicional (um quotdivquot por padrão) é enrolado em torno do Elemento fornecido. Este invólucro adapta a margem do Elemento. O excesso de vazão é configurado para oculto e tem uma altura fixa. Desliza o elemento em vista horizontal ou verticalmente. Elementos - (elemento) O elemento a deslizar. Opções - (objeto. Opcional) Todas as opções Fx além do modo e do invólucro. Modo - (padrão de cadeia para 39vertical39) String para indicar que tipo de deslizamento. Pode ser definido como 39vertical39 ou 39horizontal39. Wrapper - (elemento padrão para this. element) Permite configurar outro elemento como wrapper. HideOverflow - (valores padrão booleanos para true) define automaticamente o excesso do invólucro para transbordar, caso contrário ele herda do elemento que está sendo embrulhado. ResetHeight - (predefinições booleanas para false) Reinicia automaticamente a altura do invólucro quando a animação do slide unfold é completada, permitindo manipular o conteúdo, mantendo-o ajustando naturalmente. Propriedades abertas - (booleano) Indica se o elemento deslizante está visível. Para criar o efeito de slide, um elemento adicional (um quotdivquot por padrão) é enrolado em torno do Elemento fornecido. Este invólucro adapta a margem do Elemento. O excesso de vazão é configurado para oculto e tem uma altura fixa. Desliza o Elemento na vista horizontalmente ou verticalmente. fxSlide (Slideshow) - Um plugin de JavaScript de mootools muito flexível, mas simples, para deslizar e animar imagens ou várias imagens ao mesmo tempo. Muitas opções configuráveis ​​Slides horizontais e verticais Você pode deslizar vários itens ao mesmo tempo (como blocos de imagem 4x1) Funcionalidade de deslize automática Função de imagem de deslocamento aleatório Slide e função de slide Funções dos slide Os botões deslizantes serão ajustados automaticamente para o seu slideshow Funcionalidade de retorno de chamada Você pode definir seu Própria estrutura html, então não há necessidade de alterar seu código html existente se você já tiver um na sua página da Web Compatibilidade com versões anteriores de Mootool (1.2) Você pode usar diferentes elementos html dentro de um slide-block (ainda não testado, mas Ele deve funcionar sem problemas) A função de deslocamento alfa ainda não foi implementada Abra a pasta de demonstração e divirta-se Primeiro você precisa incluir os seguintes scripts jsfxSlide. js (ou a versão minificada fxSlide. min. js) jsmootools. js (ou seus próprios mootools Versão principal) imgcontroller cssfxSlide. css Veja o demodemo. html para exemplos, mas basicamente você precisa implementar o código de desenvolvimento em sua cabeça de arquivo html: Implementar o f Permitindo o código no seu arquivo Javascript (use domready): se você tiver uma estrutura de diretório diferente, não se esqueça de ajustar as imagens de fundo no arquivo fxSlide. css. Se você deseja alterar a largura de altura dos elementos do slide ou o espaçamento entre Elementos, então simplesmente edite seu arquivo fxSlide. css e a seguinte linha: elements :, Your slide Elements, eg (.fxSlide): true, Você precisa de um Tab-Navigation para seus botões Gallery: true, Você precisa de um Button-Navigation para o seu ImageContainer da galeria: ul, seu recipiente de imagem geral, e. Ul seleciona. fxSlide ul imageElement: li, Your Image Containers, e. Li seleciona. fxSlide ul li slideEffect: slide, Escolha entre diferentes efeitos de slides (slide, alpha ou o seu próprio) slideDuration: 850, a duração do efeito de slide slideTransition: false, a transição do slide slideDirection: x, escolha entre Um slide (x) horizontal (y) ou vertical (x) slideSize: 1, quantos slides visíveis você deseja slideStep: auto, quantos slides devem ser saltados para a frente por Step (Number) slideStart: 0, Escolha onde o slide deve começar slideStartRandom : Falso, a galeria começa com um deslocamento aleatório slideAuto: true, AutoSlide ativado ou desativado slideAutoInterval: 6000, escolha um intervalo de duração do seu efeito AutoSlide slideAutoOnHoverIn: pare, pare o efeito de deslocamento automático quando você passa o mouse sobre um elemento de navegação (isto inclui o Guias, botões e os próprios elementos do slide) slideAutoOnHoverOut: start, Continua o efeito AutoSlide quando você passa para fora de um slide SlideCallback: function (), Use seu próprio Callback quando um slide começa, por exemplo, Função (slideObject, slideElement, slideNum, slideDuration, slideEffect, slideMode) initCallback: function () Use seu próprio Callback na Inicialização da Classe, por exemplo, Função (slideObject)