banner com varias imagens

[wdc_black_ 0]

eai galera...

gostaria de saber se alguem sab aonde tem um tutorial explicado como fazer um banner mais ou menos igual ao desse site...

http://www.alpestur.com.br/

só que eu queria mais ou menos assim

 

seriam 4 imagens diferentes... numa ordem 1 - 2 - 3 - 4 - 5

 

se estivese na imagem 2, ao clicar na seta pra direita iria mudar para a imagem 3

e se estivese na imagem 3, ao clicar na seta pra direita iria mudar para a imagem 2

seria um circulo entre essas imagens...

e queria saber tambem se tem algum efeito de transição legal pra por entre as trocas ;)

obrigado, abradeço desde já

[Matheus Brito 12]

Cara na area criacoes o Daniel disponibilizou um slideshow que ele criou, pra a comunidade, pode servir pra você.

Abs

[wdc_black_ 0]

vou dar uma olhada ;)

dei uma boa procurada por banner rotativo hehehe

mas n achei nda, vou ver la se acho :D

vlw

 

------

não achei la kisuke, tem como manda o link??

to precisando msm disso ;)

vlw

[Thiago de Oliveira Cruz 21]

Tem meu slideshow tbm na area de tutoriais...

 

Caso n encontre lá

http://berseck.wordp...om/?s=slideshow

 

Só que o meu é com setinha :)

Você teria que mudar para numeros... se quiser

 

E se quiser fazer mais leve do que flash use JAVASCRIPT com jQuery ou Prototype (o google vai gostar mais dessa segunda opção)

 

Exemplo de um funcionando:

http://www.adorocinema.com/ em Prototype

 

 

Abraços

[wdc_black_ 0]

show esse teu em Prototype, era bem isso que eu queria msm, mas tipow queria que a cada clique mudase de imagem sab?

tipo slide msm :P

será ke tem algum modo de modificar??

teria como disponibilizar??

vlww velho ;)

[Thiago de Oliveira Cruz 21]

Você quer mudar pra que?

Para flash???

 

Pois prototype é JavaScript... mas é adaptavel.

A base do código é essa aqui:

<script type="text/javascript">
 var delay = 12000;
 start_slideshow(1, 4, delay);
 var slideSelected=1;
 var tempo;

 function start_slideshow(start_frame, end_frame) {
 tempo = setInterval(switch_slides(start_frame,start_frame,end_frame, delay), delay);
 }
 
 function switch_slides(frame, start_frame, end_frame) {
 clearInterval(tempo);
 for(var i = start_frame; i <= end_frame;i++){
 if(frame == i){
 document.getElementById('menu_slide0'+frame).className = "menu_slide_on"+frame;
 }else {
 document.getElementById('menu_slide0'+i).className = "menu_slide_off"+i;
 }
 }
 
 return (
 function() {
 Effect.Fade('slideshow' + frame);
 
 if (frame == end_frame) {
 frame = start_frame; 
 } else {
 frame = frame + 1;
 }
 
 if (slideSelected !=frame){
 if (slideSelected !=end_frame){frame=slideSelected+1;}else{frame=1;}
 }
 slideSelected=frame;
 setTimeout("Effect.Appear('slideshow" + frame + "');", 850);
 
 tempo = setInterval(switch_slides(frame, start_frame, end_frame, delay), delay);
 })
 }

 function next_slide(frame, start_frame, end_frame) {
 Effect.Fade('slideshow' + frame);
 if (frame == end_frame) {
 frame = start_frame;
 } else {
 frame = frame + 1;
 }
 slideSelected=frame;
 setTimeout("Effect.Appear('slideshow" + frame + "');", 850);
 //Effect.Appear('slideshow'+frame);
 }

 function select_slide(frame, start_frame, end_frame) {
 clearInterval(tempo);
 for(var i = start_frame; i <= end_frame;i++){
 if(frame == i){
 document.getElementById('menu_slide0'+frame).className = "menu_slide_on"+frame;
 }else {
 document.getElementById('menu_slide0'+i).className = "menu_slide_off"+i;
 }
 }
 if (slideSelected!=frame){
 Effect.Fade('slideshow' + slideSelected);
 }
 slideSelected=frame;
 setTimeout("Effect.Appear('slideshow" + frame + "');", 850);
 tempo = setInterval(switch_slides(frame, start_frame, end_frame, delay), delay);
 }

</script>

Isso ai é fácilmente modificavel para Flash...

Trocando o effect.appear um Tween da vida ;)

 

Abraços

[wdc_black_ 0]

não eu não sei mexe como isso hehehe

eu queria saber se tenque como dexa igual ao teu só que ao clica mudar uma imagem inteira...

e não ir passando :)

só isso

[Thiago de Oliveira Cruz 21]

Esse ai ao clicar ele muda a imagem inteira...

 

Eu não vou fazer esse script em flash :)

Que tem como tem... o script ta ai

 

Se você pegar ele mudar as instancias para instancias de flash... e mudar as variaveis javascript $(valor) para o nome da instancia... e os effects da vida para Tween... fica igualzinho.

Eu fiz uma vez... ficou na empresa que eu trabalhava no RJ...

 

Posso ver se tenho a copia da ideia ainda... se tiver coloco aqui quando chegar em casa... caso contrario acho que você vai ter que programar um pouquinho amigo :)

Nada de Copy and Paste pra você :)

 

Abraços