Carrosel para publicidade em site

[PatrickPC 0]

Boa noite a todos, alguem poderia dar uma ideia ai de como funciona este carrosel que é usado neste site: http://globoesporte.globo.com/

Neste caso a cada tantos segundos muda a noticia(Imagem) e tambem eles ultilizaram cada noticia tem sua numeração e tambem o link para a pagina de noticia.

 

Fico no Aguardo ...

 

att.

Patrick

[William Bruno 1501]

com o cycle dá para fazer.

http://jquery.malsup.com/cycle/

 

é só saber css, e configurar ele direitinho.

[PatrickPC 0]

com o cycle dá para fazer.

http://jquery.malsup.com/cycle/

 

é só saber css, e configurar ele direitinho.

 

...............................

 

Olá William B. brigado por responder

 

Mas seguinte, eu preciso fazer o download do jQuery Cycle Plugin?

 

No aguardo.

 

Att.

Patrick

[William Bruno 1501]

Mas seguinte, eu preciso fazer o download do jQuery Cycle Plugin?

Ola Patrick,

 

Sim, exatamente.

Além disso você precisa baixar o Framework jQuery.

 

É tudo bem simples, e o CyclePlugin, não passa de código js para facilitar a tua implementação.

Assim como o jQuery é apenas uma lib escrita na linguagem javascript.

 

No site tem exemplos e documentação.

Se você conseguir chegar no resultado que você quer com css e html, é fácil fazer a transição usando este plugin que indiquei.

[PatrickPC 0]

Então William,

 

Estou tentando baixar o Framework jQuery e não consigo.

Teria algum site para me indicar pra baixar?!

 

Fico no aguardo

 

att.

Patrick

[William Bruno 1501]

aqui:

 

http://code.jquery.com/jquery-1.5.js

 

só copiar oque tá ai e colar num arquivo.

[PatrickPC 0]

aqui:

 

http://code.jquery.com/jquery-1.5.js

 

só copiar oque tá ai e colar num arquivo.

 

....

 

Olha só William,

 

Estava lendo no site JQuery eles explicam que o codigo jquery *Minified* é mais versatil do que *Uncompressed* = no caso foi este segundo que você me passou. Uso qual então, e outra dúvida, onde que eu entro com este codigo?! CSS pra mim é tranquilo agora jquery tenho que dar uma lida!

 

Aguardo você ai ... desculpa pelo incomodo!

Vlw

Att.

Patrick

[William Bruno 1501]

bacana cara.. vá lendo e estudando. Isso mesmo.

 

basicamente é isso aqui:

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/cycle.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $('#slide').cycle({
     fx:      'fade'
  });
});
</script>

 

ali na primeira linha eu importei a lib jquery, que eu salvei num arquivo chamado jquery.js dentro da pasta /js

depois importei o cycle

e depois fiz uma chamada para o cycle, aplicar em cima de um elemento de id="slide"