Jump to content


Photo

Slide Automático


  • Faça o login para participar
10 replies to this topic

#1 Beraldinho

Beraldinho

    12 Horas

  • Usuários
  • 186 posts
  • Sexo:Masculino
  • Interesses:Amizade

Posted 24/08/2009, 15:31

Paz, amado(a).

Tenho um script de slide show, e eu gostaria que esse slide show fosse automático, porque o que estou usando agora tem que ficar clicando nos número para ver os slide show. Vou postar aqui... se alguém souber me ajudar nesse script ficarei muito agradecido.

<script type="text/javascript" src="js/mootools.js"></script>
	<script type="text/javascript" src="js/compatmootools.js"></script>
<script type="text/javascript" src="js/slider.js"></script>


<script type="text/javascript" >
window.addEvent('load', function () {
slidingtabs = new SlidingTabs('feature_buttons', 'slider_wrap');
			
			$('previous').addEvent('click', slidingtabs.previous.bind(slidingtabs));
			$('next').addEvent('click', slidingtabs.next.bind(slidingtabs));
		});
</script>



	
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="feature_title">Publicidade Quadrangular</div>
<a title="Previous" id="previous">anterior</a><a title="Next" id="next">proximo</a>
	<div id="slider_wrap">
		<div id="slider">
							<div>

				<img src='en1.png' border="0" alt='' /></a>
				</div>
								<div>
				<img src='fest1.png' border="0" alt='' /></a>
				</div>
								<div>
				<img src='2.gif' alt='Batismo nas Águas' /></a>
				</div>
								<div>

				<img src="4.gif" alt="Escola Bíblica Quadrangular" title="DEBQ" /></a>
				</div>
				<div>
				<img src="kid5.jpg" alt="kid5" title="kid5" /></a>
				</div>				
								</div>
			</div> 
			<ul id="feature_buttons">
			<li>1</li>
			<li>2</li>
			<li>3</li>
			<li>4</li>
			<li>5</li>
			</ul>

</body>
</html>


Fique na paz!
"Guerreiro que está na frente lutando e nunca volta pra trás, o pode, a unção, a majestade seja dada totalmente para Jesus Cristo, porque ele é o Rei do Exércitos, e eu pertenço a esse exército, sou Guerreiro de Jesus, que luta contra o inimigo e nunca abaixa a cabeça, pode vim os problemas que sempre vou vencer. Te amo Jesus!" Venha você também conhecer Jesus Cristo, Ele morreu por você na cruz.

#2 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 25/08/2009, 11:22

Paz, amado(a).

Tenho um script de slide show, e eu gostaria que esse slide show fosse automático, porque o que estou usando agora tem que ficar clicando nos número para ver os slide show. Vou postar aqui... se alguém souber me ajudar nesse script ficarei muito agradecido.

&lt;script type="text/javascript" src="js/mootools.js"></script>
	&lt;script type="text/javascript" src="js/compatmootools.js"></script>
&lt;script type="text/javascript" src="js/slider.js"></script>


&lt;script type="text/javascript" >
window.addEvent('load', function () {
slidingtabs = new SlidingTabs('feature_buttons', 'slider_wrap');
			
			$('previous').addEvent('click', slidingtabs.previous.bind(slidingtabs));
			$('next').addEvent('click', slidingtabs.next.bind(slidingtabs));
		});
</script>



	
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="feature_title">Publicidade Quadrangular</div>
<a title="Previous" id="previous">anterior</a><a title="Next" id="next">proximo</a>
	<div id="slider_wrap">
		<div id="slider">
							<div>

				<img src='en1.png' border="0" alt='' /></a>
				</div>
								<div>
				<img src='fest1.png' border="0" alt='' /></a>
				</div>
								<div>
				<img src='2.gif' alt='Batismo nas Águas' /></a>
				</div>
								<div>

				<img src="4.gif" alt="Escola Bíblica Quadrangular" title="DEBQ" /></a>
				</div>
				<div>
				<img src="kid5.jpg" alt="kid5" title="kid5" /></a>
				</div>				
								</div>
			</div> 
			<ul id="feature_buttons">
			<li>1</li>
			<li>2</li>
			<li>3</li>
			<li>4</li>
			<li>5</li>
			</ul>

</body>
</html>


Fique na paz!

tente

window.addEvent('load', function () {
slidingtabs = new SlidingTabs('feature_buttons', 'slider_wrap');
			
			$('previous').addEvent('click', slidingtabs.previous.bind(slidingtabs));
			$('next').addEvent('click', slidingtabs.next.bind(slidingtabs));
						window.setInterval(function(){ slidingtabs.next.bind(slidingtabs); }, 5000);
		});


#3 Beraldinho

Beraldinho

    12 Horas

  • Usuários
  • 186 posts
  • Sexo:Masculino
  • Interesses:Amizade

Posted 25/08/2009, 13:32

Paz, amado(a).

Tenho um script de slide show, e eu gostaria que esse slide show fosse automático, porque o que estou usando agora tem que ficar clicando nos número para ver os slide show. Vou postar aqui... se alguém souber me ajudar nesse script ficarei muito agradecido.

&lt;script type="text/javascript" src="js/mootools.js"></script>
	&lt;script type="text/javascript" src="js/compatmootools.js"></script>
&lt;script type="text/javascript" src="js/slider.js"></script>


&lt;script type="text/javascript" >
window.addEvent('load', function () {
slidingtabs = new SlidingTabs('feature_buttons', 'slider_wrap');
			
			$('previous').addEvent('click', slidingtabs.previous.bind(slidingtabs));
			$('next').addEvent('click', slidingtabs.next.bind(slidingtabs));
		});
</script>



	
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="feature_title">Publicidade Quadrangular</div>
<a title="Previous" id="previous">anterior</a><a title="Next" id="next">proximo</a>
	<div id="slider_wrap">
		<div id="slider">
							<div>

				<img src='en1.png' border="0" alt='' /></a>
				</div>
								<div>
				<img src='fest1.png' border="0" alt='' /></a>
				</div>
								<div>
				<img src='2.gif' alt='Batismo nas Águas' /></a>
				</div>
								<div>

				<img src="4.gif" alt="Escola Bíblica Quadrangular" title="DEBQ" /></a>
				</div>
				<div>
				<img src="kid5.jpg" alt="kid5" title="kid5" /></a>
				</div>				
								</div>
			</div> 
			<ul id="feature_buttons">
			<li>1</li>
			<li>2</li>
			<li>3</li>
			<li>4</li>
			<li>5</li>
			</ul>

</body>
</html>


Fique na paz!

tente

window.addEvent('load', function () {
slidingtabs = new SlidingTabs('feature_buttons', 'slider_wrap');
			
			$('previous').addEvent('click', slidingtabs.previous.bind(slidingtabs));
			$('next').addEvent('click', slidingtabs.next.bind(slidingtabs));
						window.setInterval(function(){ slidingtabs.next.bind(slidingtabs); }, 5000);
		});


Amigo, não deu certo não.

E agora???

aguardo respostas....
"Guerreiro que está na frente lutando e nunca volta pra trás, o pode, a unção, a majestade seja dada totalmente para Jesus Cristo, porque ele é o Rei do Exércitos, e eu pertenço a esse exército, sou Guerreiro de Jesus, que luta contra o inimigo e nunca abaixa a cabeça, pode vim os problemas que sempre vou vencer. Te amo Jesus!" Venha você também conhecer Jesus Cristo, Ele morreu por você na cruz.

#4 Beraldinho

Beraldinho

    12 Horas

  • Usuários
  • 186 posts
  • Sexo:Masculino
  • Interesses:Amizade

Posted 01/09/2009, 12:44

As dicas não funcionaram,, e agora?
"Guerreiro que está na frente lutando e nunca volta pra trás, o pode, a unção, a majestade seja dada totalmente para Jesus Cristo, porque ele é o Rei do Exércitos, e eu pertenço a esse exército, sou Guerreiro de Jesus, que luta contra o inimigo e nunca abaixa a cabeça, pode vim os problemas que sempre vou vencer. Te amo Jesus!" Venha você também conhecer Jesus Cristo, Ele morreu por você na cruz.

#5 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 05/09/2009, 16:41

cara, eu uso esse aqui, http://malsup.com/jquery/cycle/

é bem maleavel, alguns exemplos que eu usei:

http://www.richmond.com.br
http://www.petmag.com.br
http://www.frclimatizacao.com.br/ -- esse último parece ser exatamente o que vc quer.

#6 Beraldinho

Beraldinho

    12 Horas

  • Usuários
  • 186 posts
  • Sexo:Masculino
  • Interesses:Amizade

Posted 06/09/2009, 11:38

cara, eu uso esse aqui, http://malsup.com/jquery/cycle/

é bem maleavel, alguns exemplos que eu usei:

http://www.richmond.com.br
http://www.petmag.com.br
http://www.frclimatizacao.com.br/ -- esse último parece ser exatamente o que vc quer.


No caso desse que você me passou: http://www.frclimatizacao.com.br/ - como que vou pegar os código? Vc poderia postar aqui todo o arquivo...

Porque esse que você passou é do jeito que quero....

aguardo....
"Guerreiro que está na frente lutando e nunca volta pra trás, o pode, a unção, a majestade seja dada totalmente para Jesus Cristo, porque ele é o Rei do Exércitos, e eu pertenço a esse exército, sou Guerreiro de Jesus, que luta contra o inimigo e nunca abaixa a cabeça, pode vim os problemas que sempre vou vencer. Te amo Jesus!" Venha você também conhecer Jesus Cristo, Ele morreu por você na cruz.

#7 Beraldinho

Beraldinho

    12 Horas

  • Usuários
  • 186 posts
  • Sexo:Masculino
  • Interesses:Amizade

Posted 09/09/2009, 12:57

Não resolvi em nada esse problema.... me ajudem


Fique na paz!
"Guerreiro que está na frente lutando e nunca volta pra trás, o pode, a unção, a majestade seja dada totalmente para Jesus Cristo, porque ele é o Rei do Exércitos, e eu pertenço a esse exército, sou Guerreiro de Jesus, que luta contra o inimigo e nunca abaixa a cabeça, pode vim os problemas que sempre vou vencer. Te amo Jesus!" Venha você também conhecer Jesus Cristo, Ele morreu por você na cruz.

#8 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 11/09/2009, 15:05

você vai importar as bibliotecas do jquery e do cycle para sua pagina.

primeiro vc importa a do jquery, depois a do cycle.
depois você escreve um js para configurar o cycle
<script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript" src="js/jquery.cycle.js"></script><script type="text/javascript">$(function(){    if($('#slider_wrap').size())        $('#slider_wrap').append('<div id=\"feature_buttons\"><\/div>').children('#slider').cycle({            timeout: 5000,            speed: 300,            cleartype: 1,            fx: 'fade',            pager:  '#feature_buttons'        });});</script>

retire do html o '#feature_buttons' ele vai ser inserido dinamicamente como uma div vazia, ele vai inserir os links(como ancoras- tag de link a) de paginação automaticamente.

Edição feita por: Édipo Costa Rebouças, 11/09/2009, 15:09.


#9 Beraldinho

Beraldinho

    12 Horas

  • Usuários
  • 186 posts
  • Sexo:Masculino
  • Interesses:Amizade

Posted 15/09/2009, 12:58

você vai importar as bibliotecas do jquery e do cycle para sua pagina.

primeiro vc importa a do jquery, depois a do cycle.
depois você escreve um js para configurar o cycle

&lt;script type="text/javascript" src="js/jquery.js"></script>&lt;script type="text/javascript" src="js/jquery.cycle.js"></script>&lt;script type="text/javascript">$(function(){    if($('#slider_wrap').size())        $('#slider_wrap').append('<div id=\"feature_buttons\"><\/div>').children('#slider').cycle({            timeout: 5000,            speed: 300,            cleartype: 1,            fx: 'fade',            pager:  '#feature_buttons'        });});</script>

retire do html o '#feature_buttons' ele vai ser inserido dinamicamente como uma div vazia, ele vai inserir os links(como ancoras- tag de link a) de paginação automaticamente.


Não deu certo....
"Guerreiro que está na frente lutando e nunca volta pra trás, o pode, a unção, a majestade seja dada totalmente para Jesus Cristo, porque ele é o Rei do Exércitos, e eu pertenço a esse exército, sou Guerreiro de Jesus, que luta contra o inimigo e nunca abaixa a cabeça, pode vim os problemas que sempre vou vencer. Te amo Jesus!" Venha você também conhecer Jesus Cristo, Ele morreu por você na cruz.

#10 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 15/09/2009, 17:03

você consegue colocar uma pagina de exemplo na internet?

#11 Beraldinho

Beraldinho

    12 Horas

  • Usuários
  • 186 posts
  • Sexo:Masculino
  • Interesses:Amizade

Posted 04/10/2009, 11:00

você consegue colocar uma pagina de exemplo na internet?


tem um exemplo aqui:

www.ieqitatuba.com/anuncios/default.html



pode me ajudar???
"Guerreiro que está na frente lutando e nunca volta pra trás, o pode, a unção, a majestade seja dada totalmente para Jesus Cristo, porque ele é o Rei do Exércitos, e eu pertenço a esse exército, sou Guerreiro de Jesus, que luta contra o inimigo e nunca abaixa a cabeça, pode vim os problemas que sempre vou vencer. Te amo Jesus!" Venha você também conhecer Jesus Cristo, Ele morreu por você na cruz.




2 user(s) are reading this topic

0 membro(s), 2 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq