<! - JavaScript Slider Horizontal - Inicio ->
<Script src = 'http: //ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js' type = 'text / javascript' />
<Script type = "text / javascript">
$ (Document) .ready (function () {
// Definir o estado predefinido de cada peça portfólio
$ (". Busca") show ().;
$ ("Busca um.: Em primeiro lugar"). AddClass ("activo");
// Pega o tamanho das imagens, quantos são, em seguida, determin o tamanho da bobina imagem.
. var imageWidth = $ (". janela") largura ();
var imageSum = $ ("img image_reel.") size ().;
var imageReelWidth = imageWidth * imageSum;
// Ajuste o carretel imagem de seu novo tamanho
. $ (". Image_reel") css ({'largura': imageReelWidth});
// Paging + Função Slider
gire = function () {
var TRIGGERID = $ active.attr ("rel") - 1; // Obter número de vezes que a deslizar
var image_reelPosition = TRIGGERID * imageWidth; // Determina a distância da bobina imagem precisa deslizar
$ ("Busca a.") RemoveClass ("ativo").; // Remove toda a classe ativa
$ Active.addClass ("ativo"); // Adicionar classe ativa (US $ ativo é declarado na função rotateSwitch)
// Slider Animação
$ (". Image_reel"). Animar ({
left: -image_reelPosition
}, 500);
};
// Rotação + temporização de eventos
rotateSwitch = function () {
jogar = setInterval (function () {// Set Timer - isso vai se repetir a cada 3 segundos
. $ Ativo = $ ('. A.active paginação') next ();
if ($ active.length === 0) {// Se paginação chega ao fim ...
$ Ativo = $ ('paging de um:. Primeiro'); // Voltar ao primeiro
}
gire (); // Acionar a função de paginação e controle deslizante
}, 7000); // Velocidade Timer em milissegundos (3 segundos)
};
rotateSwitch (); // Função Executar no lançamento
// Em Hover
$ (". Image_reel a"). Pairar (function () {
clearInterval (reprodução); // Pare a rotação
}, Function () {
rotateSwitch (); // Rotação Resume
});
// Em Click
$ (". Paginação a"). Click (function () {
$ Ativo = $ (this); // Ative a paginação clicado
// Temp reposição
clearInterval (reprodução); // Pare a rotação
gire (); // Rotação aciona imediatamente
rotateSwitch (); // Rotação Resume
return false; // Salto navegador Impedir a âncora link
});
});
</ Script>
<! - JavaScript Slider Horizonta - Fim ->
Nenhum comentário:
Postar um comentário