Jump to content
Fórum Script Brasil
  • 0

Transição de backgorund dentro de célula e efeito fade


Luz

Question

Hey pessoal como vão?

Primeiro lugar, me perdoem se isto se refere a Javascript, como sou leigo mesmo podem transferir para lá se necessário!

Bem, eu tenho umas dúvidazinhas, eu realmente não entendo de HTML e Java, estou fazendo meu site que tem um layout simples porque ele apenas para apresentar imagens então toda semana eu teria atualização então prefiro eu mesmo fazê-lo... e tirando estas dúvidas já da para finalizá-lo...

1ª Dúvida - Eu gostaria que a imagem de fundo (background) de uma célula tivesse efeito de transição trocando por outras imagens... é como vários sites em flash em que você tem a descrição do site e no fundo as imagens vão se alterando em fade... como eu n entendo de flash, to aqui no html... Eu tenho um código aqui que funciona com imagem normal, mas não funciona se tento aplicar o mesmo código ao background da célula, segue o código de testes que estou fazendo:, porem outra coisa, percebi que esse efeito fade só funciona no IE, aqui no FF não funciona, por quê?

<html>
<head>
<body>

<script>

var slideShowSpeed = 2200

var crossFadeDuration = 3

var Pic = new Array()

Pic[0] = '1.jpg'
Pic[1] = '2.jpg'

var t
var j = 0
var p = Pic.length

var preLoad = new Array()
for (i = 0; i < p; i++){
   preLoad[i] = new Image()
   preLoad[i].src = Pic[i]
}

function runSlideShow(){
   if (document.all){
      document.images.SlideShow.style.filter="blendTrans(duration=20)"
      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()
   }
   j = j + 1
   if (j > (p-1)) j=0
   t = setTimeout('runSlideShow()', slideShowSpeed)
}
</script>
  <body onload="runSlideShow()"> 
    <td width="50%" height="245" background="1.jpg" name='SlideShow'>
    <p align="center">TESSSSSSSSSSSTE</td>
    <td width="50%" height="245">&nbsp;</td>
  </tr>
  <tr>
  </tr>
</table>
</body>

</html>
2ª Dúvida - Se aplico um efeito de opacidade numa imagem, ela funciona somente no IE, mas não funciona no FF, o código é super básico o problema é que não funciona no FF somente no IE :/
<html>
</head>
<body>
<p>
<img border="0" src="1.jpg" style="FILTER: alpha(opacity=40)" width="262" height="208"></p>
</body>
</html>

Bem pessoal, só preciso mesmo destas duas dicazinhas, se alguém puder e conseguir me ajudar, agradeço mesmo!

Obrigado!

Edited by Luz
Link to comment
Share on other sites

1 answer to this question

Recommended Posts

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152.2k
    • Total Posts
      652k
×
×
  • Create New...