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"> </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 :/
Pergunta
Luz
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"> </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 :/Bem pessoal, só preciso mesmo destas duas dicazinhas, se alguém puder e conseguir me ajudar, agradeço mesmo!
Obrigado!
Editado por LuzLink para o comentário
Compartilhar em outros sites
1 resposta a esta questão
Posts Recomendados
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.