Problema com script.

[GrayScale 0]

Eu estava upando o meu layout num host que até que eu fui ver se estava tudo certo, depois reparei as imagens do script de efeito de transição de imagnes não hestariam aparecendo, achei que era o host então mudei e aconteceu o mesmo.As outras imagens funcionaram tudo certinho somente a dos scripts que não, acham que pode ser algo no img src meu ? ó o code ai:

<IMG name="pri_imagem" hspace=0 src="images/index_35.gif" align=baseline border=0 style="position:absolute; top:-1000; left:-1000; visibility: hidden">
<IMG name="seg_imagem" hspace=0 src="images/index_36.gif" align=baseline border=0 style="position:absolute; top:-1000; left:-1000; visibility: hidden">
<IMG name="ter_imagem" alt="" hspace=0 src="images/index_37.gif" align=baseline border=0 style="position:absolute; top:-1000; left:-1000; visibility: hidden">

<script language=JavaScript1.2>

//Fade-in image slideshow- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use


var slideshow_width=369 //SET IMAGE WIDTH
var slideshow_height=160 //SET IMAGE HEIGHT
var pause=2000 //SET PAUSE BETWEEN SLIDE (2000=2 seconds)

var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=document.pri_imagem.src
fadeimages[1]=document.seg_imagem.src
fadeimages[2]=document.ter_imagem.src

////NO need to edit beyond here/////////////

var preloadedimages=new Array()
for (p=0;p<fadeimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=fadeimages[p]
}

var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1

if (ie4||dom)
document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;filter:alpha(opacity=10);-moz-opacity:10"></div></div>')
else
document.write('<img name="defaultslide" src="'+fadeimages[0]+'">')

var curpos=10
var degree=10
var curcanvas="canvas0"
var curimageindex=0
var nextimageindex=1


function fadepic(){
if (curpos<100){
curpos+=10
if (tempobj.filters)
tempobj.filters.alpha.opacity=curpos
else if (tempobj.style.MozOpacity)
tempobj.style.MozOpacity=curpos/100
}
else{
clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML='<img src="'+fadeimages[nextimageindex]+'">'
nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
setTimeout("rotateimage()",pause)
}
}

function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
var temp='setInterval("fadepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=fadeimages[curimageindex]
curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
}

function resetit(what){
curpos=10
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
if (crossobj.filters)
crossobj.filters.alpha.opacity=curpos
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=curpos/100
}

function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML='<img src="'+fadeimages[curimageindex]+'">'
rotateimage()
}

if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)
</SCRIPT>

Se quiserem ver entrem Clique aqui , se for algum host alguem podia me indicar um host gratuito, com php, ftp.

[klonder 14]

As imagens alteraram com o onmouseover. Lembre-se que eventos assim, sem um pré-carregamento prévio, pode fazer com que as imagens tenham um "atraso" até estarem completamente carregadas. Por isso, reduza as imagens ao mínimo de bytes possível, ou utilize um pré-carregamento.

 

Testei com Chrome e houve transição.

[Henrique Barcelos 290]

Ou utilize um CSS Sprite...

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://imasters.com.br/artigo/6041/css/css_sprite/

[GrayScale 0]

Vocês me aconselham usar o JavaScript para esse efeito ou simplesmente usar o Flash ? *Falar em flash preciso baixá-lo e não sei mecher com ele preciso aprender, vou aprender por tutoriais.

[Henrique Barcelos 290]

Não tem necessidade de ser em flash. http://forum.imasters.com.br/public/style_emoticons/default/natal_wink.gif