Hola!! Duda con visor imagenes Javascript

[fyf_style]

Hola, ante todo me presento, me llamo Fran. Estoy estudiando un grado superior de Administración de sistemas informáticos y entre otras asignaturas tengo lenguaje de marcas, osea desarrollo web, como yo lo llamo.
El caso es que quiero hacer una web bastante en condiciones y solo se xhtml y css, pero de javascript no tengo ni idea, entonces busque el codigo javascript de un visor de imagenes, con el que se supone que pasan las imagenes aleatoriamente. Mi consulta viene ahora, se que el codigo lo tengo que poner dentro de un "div" pero no se ni donde ni como poner las imagenes y las paginas a las que enlazarian dentro del codigo que copie. A ver si vosotros me podeis echar una mano, aqui esta el codigo que copie:

<script language="javascript">
<!--
var b1dis = "<a href=\"";
var bdis = "\"><img src=\"";
var edis = " width=\"100\" height=\"100\" alt=\"some text\" border=\"0\"></a>";
var rnumb = "";
var img = "";

rnumb += Math.floor(Math.random()*3);
img = rnumb;
if (img == "0") {
document.write(b1dis+ "page1.html" +bdis+ "../../images/pageone.gif\"" +edis);
}
if (img == "1") {
document.write(b1dis+ "page2.html" +bdis+ "../../images/pagetwo.gif\"" +edis);
}
if (img == "2") {
document.write(b1dis+ "page3.html" +bdis+ "../../images/pagethree.gif\"" +edis);
}
// -->
</script>


Muchas gracias a todos!!

[davidbrepe]

muy buenas!
el script esta comentado...

Código HTML:

<!--  comentariO! -->
 

[fyf_style]

Iniciado por davidbrepe

muy buenas!
el script esta comentado...

Código HTML:

<!--  comentariO! -->
 

si si, se que esta comentado. cuando he intentado poner las imagenes le quite los comentarios.

supongamos que tengo 3 imagenes, esas tres imagenes imagino que van en:
"if (img == "0") {
document.write(b1dis+ "page1.html" +bdis+ "ejemplo.gif\"" +edis);
}"

una en cada una de las sentencias, y donde pone page1.html, pues evidente la pagina donde enlaza la imagen.



mi mayor problema vendria donde se declaran las variables:

"var b1dis = "<a href=\"";
var bdis = "\"><img src=\"";
var edis = " width=\"100\" height=\"100\" alt=\"\" border=\"0\"></a>";
var rnumb = "";
var img = "";"

que es lo que tengo que poner ahi???


gracias

[DataLore]

No deberías poner nada esas variables simplemente son para hacer mas claro la concatenacion de strings que esta dentro de los document.write.

Aqui ejemplo.gif debería ir en el mismo directorio donde se encuentra el html que tiene este código js, lo mismo que el page1.html (o el nombre que quieras ponerle).

Código PHP:

   
if (img == "0") { 
document.write(b1dis+ "page1.html" +bdis+ "ejemplo.gif\"" +edis); 
}  
   

De todas maneras como es una seguidilla de comillas lo más práctico es ver el source code generado del html y revisar si las aperturas y cierres de tags y comillas se generan bien.

Prueba y dinos que ocurre.

Saludos

[fyf_style]

Pues después de mucho buscar encontré otro que veo "mejor", hace la función que quiero y es este

Código:

<script type="text/javascript">

					var segundos = 3 //cada cuantos segundos cambia la imagen
					var dire = "images/script_inicio" //directorio o ruta donde están las imágenes

					var imagenes=new Array()
					imagenes[0]="1.jpg"
					imagenes[1]="2.jpg"
					imagenes[2]="3.jpg"
					imagenes[3]="4.jpg"

					if(dire != "" && dire.charAt(dire.length-1) != "/")
					{dire = dire + "/"}

					var preImagenes = new Array()
						for (pre = 0; pre < imagenes.length; pre++){
						preImagenes[pre] = new Image()
						preImagenes[pre].src = dire + imagenes[pre]
							}
						cont=0
						function presImagen(){
							document.img_script_inicio.src= dire + imagenes[cont]
							subeOpacidad()
							if (cont < imagenes.length-1)
								{cont ++}
							else
								{cont=0}
							tiempo=window.setTimeout('bajaOpacidad()',segundos*1000)
								}
					var iex = navigator.appName=="Microsoft Internet Explorer" ? true : false;
					var fi = iex?'filters.alpha.opacity':'style.MozOpacity'
					var opa = iex ? 100 : 1;
						function bajaOpacidad(){
							eval(opa)
							if(opa >= 0){
								cambia()
								opa -= iex?10:0.1;
								setTimeout('bajaOpacidad()',10)
								}
							else{presImagen()}
							}
		
						function subeOpacidad(){
							opaci = iex?100:1;
							if(opa <= opaci){
								cambia()
								opa += iex?10: 0.1;
								setTimeout('subeOpacidad()',10)
							}
						}
						function cambia(){
							eval('document.img_script_inicio.' + fi + ' = opa')
						}
					var tiempo
						function inicio(){
							clearTimeout(tiempo)
							bajaOpacidad()
						}

				</script>

Gracias por la ayuda!!