Hola chicos, veran estoy haciendo el sito web de una agencia de viajes. Pero como he leido que hay problemas de carga y saturacion de proceso con los display Flash Macromedia, asi que decidi poner un par de displays en Javascript.
Uno es de texto que es este (primero javascript):
Código PHP:
<TABLE BORDER="0" width="100%" align="CENTER" bgcolor="blue">
<TR background="">
<TD>
<CENTER>
<script type="text/javascript">
var Textos = new Array();
// Enter the names of the images below
Textos[0]="Hola amigo internauta bienvenido a nuestra agencia de viajes.";
Textos[1]="Aqui encontraras la informacion de la mejores rutas turisticas.";
Textos[2]="Planea aqui tu ruta de sitios por recorrer segun tus necesidades.";
var nuevoTexto = -1;
var totalTextos = Textos.length;
function repetir() {
nuevoTexto++;
if (nuevoTexto == totalTextos) {
nuevoTexto = 0;
}
document.getElementById('texto').innerHTML=Textos[nuevoTexto];
setTimeout("repetir()", 4*1000);
}
window.onload=repetir;
</script>
<div id="texto" font style="color:#F9F9F9; font-size:x-small; font-family:Verdana" line-height: 1.35em>
<!-- texto -->
</div>
</CENTER>
</TD></TR>
</TABLE>
El otro es de imagenes que es este (segundo javascript):
Código PHP:
<TABLE BORDER="0" width="100%">
<CENTER>
<TR background="">
<TD ALIGN="center" width="100%">
<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='260px' //SET IMAGE WIDTH
var slideshow_height='260px' //SET IMAGE HEIGHT
var pause=500 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]="http://i190.photobucket.com/albums/z68/AC_Ociel_Sanchez/DefinesFotogramas01.png"
fadeimages[1]="http://i190.photobucket.com/albums/z68/AC_Ociel_Sanchez/DefinesFotogramas02.png"
fadeimages[2]="http://i190.photobucket.com/albums/z68/AC_Ociel_Sanchez/DefinesFotogramas03.png"
fadeimages[3]="http://i190.photobucket.com/albums/z68/AC_Ociel_Sanchez/DefinesFotogramas04.png"
fadeimages[4]="http://i190.photobucket.com/albums/z68/AC_Ociel_Sanchez/DefinesFotogramas05.png"
fadeimages[5]="http://i190.photobucket.com/albums/z68/AC_Ociel_Sanchez/DefinesFotogramas06.png"
////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
var dom=document.getElementById
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;left:0;filter:alpha(op acity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height :'+slideshow_height+';top:0;left:0;filter:alpha(op acity=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>
</TD>
</TR>
</CENTER>
</TABLE>
Los dos javascript por separado trabajan muy bien y son exactamente lo que quiero, pero cuando los pongo en el html de una misma pagina ahi hay un conflicto y deja de funcionar el display de texto y solo funciona el de imagenes.
Creo que una solucion seria poner por separado los javascript en frames, pero la verdad me gustaria tener los dos javascript en el mismo html. Segun he investigado solo es cuestion de resolver un conflicto en dos varibles que tienen el mismo nombre o hace un proceso similar...
El javascript de imagenes es muy extenso y mas complejo, asi que trato de modificar el de texto en la variable ó proceso que hace el conflicto con el javascript de imagenes, pero no encuentro una variable o proceso de nombre similar. Me podrian ayudar a hacer la modificacion o localizar el conflicto.