Ir para conteúdo
Fórum Script Brasil
  • 0

Slide Show


Inside

Pergunta

Caros amigos,

preciso de uma ajuda. Não sei se estou pedindo demais. Mas existe algum javascript de Slide Show que eu possa dar Fade nas imagens mas com um tempo para começar e outro entre as imagens?

Tipo 20 segundos para começar e depois 5 de intervalo em cada foto?

É possível?

Obrigado pela atenção.

Ou então assim: Eu tenho um código de slide que tem tempo entre as fotos, é possível implantar um timer para começar nesse código?

Ai vai o código:

<script language="JavaScript" type="text/JavaScript">
 // (C) 2000 www.CodeLifter.com
 // http://www.codelifter.com
 // Free for all users, but leave in this  header
 // NS4-6,IE4-6
 // Fade effect only in IE; degrades gracefully

 // Set slideShowSpeed (milliseconds)
 var slideShowSpeed = 5000 
 // Duration of crossfade (seconds)
 var crossFadeDuration = 3

 // Specify the image files
 var Pic = new Array() // don't touch this
 // to add more images, just continue
 // the pattern, adding to the array below


Pic[1] = 'images/bg_02.jpg'
Pic[2] = 'images/bg_03.jpg'


 var t
 var j = 1
 var p = Pic.length
 var pos = j

 var preLoad = new Array()

 function preLoadPic(index)
 {
         if (Pic[index] != ''){
                 window.status='Loading : '+Pic[index]
                 preLoad[index] = new Image()
                 preLoad[index].src = Pic[index]
                 Pic[index] = ''
                 window.status=''
         }
 }

 function runSlideShow(){
    if (document.all){
             document.images.SlideShow.style.filter="blendTrans(duration=2)"
                 document.images.SlideShow.style.filter= "blendTrans(duration=crossFadeDuration)"
       document.images.SlideShow.filters.blendTrans.Apply()
         }
         document.images.SlideShow.src = preLoad[j].src
         if (document.all){
            document.images.SlideShow.filters.blendTrans.Play()
         }
         
         pos = j

         j = j + 1
         if (j > (p-1)) j=1
         t = setTimeout('runSlideShow()', slideShowSpeed)
         preLoadPic(j)
 }

 preLoadPic(j)

</script>

<img src="images/bg_01.jpg" name="SlideShow" width="780" height="496" border="0">

<script language="JavaScript" type="text/JavaScript">runSlideShow()</script>

Editado por Inside
Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...