Cargar fotos aleatoriamente
Publicado por Liliana (1 intervención) el 28/05/2010 03:51:12
Sii ….bueno ….gracias por leer mi pregunta y dar solución a ella
Lamentablemente no soy la mas experta en programar paginas web, ni mucho menos en JavaScript .. pero tengo el reto y estoy creando una web. En ella deseo poner debajo del encabezado en una recuadro centrado donde me cargue aleatoria y constantemente 8 fotos que tengo guardadas , buscando en la red encontré un código JavaScript el cual adapte a mi necesidad, pero cuando ejecuto en el explorador mi index solo me aparece el recuadro al lado izquierdo y no me muestra las fotos..
Yo cree una CARPETA donde guardo el archivo con el código del Java con extensión .js y también guardo ahí el archivo index. html que es de donde supuestamente llama la función de cargar las fotos del .js, también cree otra carpeta dentro de esta carpeta para guardar ahí mis 8 fotos con extensión .jpg
Entonces no se si es que yo estoy adaptando mal el código y no estoy guardando bien los archivos en las carpetas que son ó no estoy dando bien la ruta para que el código busque las fotos y las muestre..
Quizás exista una manera mas fácil y simple de aplicar lo que quiero hacer en la web
mil gracias .. aquí pongo el archivos.js y después el archivo.html
<head>
<script language="javascript" type="text/javascript">
var SecuenciaEjecutandose = false
var SecuenciaID = null
var imagen = 0
var duracion = 1000
if (CompruebaVersion()) {
imagenes = new CreaArray(4)
magenes[1].src = "/images/C:/Documents and Settings/Usuario/Escritorio/PRUEBAS/BEBES/1.jpg"
imagenes[2].src = "/images/C:/Documents and Settings/Usuario/Escritorio/PRUEBAS/BEBES/2.jpg"
imagenes[3].src = "/images/C:/Documents and Settings/Usuario/Escritorio/PRUEBAS/BEBES/3.jpg"
imagenes[4].src = "/images/C:/Documents and Settings/Usuario/Escritorio/PRUEBAS/BEBES/4.jpg"
imagenes[5].src = "/images/C:/Documents and Settings/Usuario/Escritorio/PRUEBAS/BEBES/5.jpg"
imagenes[6].src = "/images/C:/Documents and Settings/Usuario/Escritorio/PRUEBAS/BEBES/6.jpg"
imagenes[7].src = "/images/C:/Documents and Settings/Usuario/Escritorio/PRUEBAS/BEBES/7.jpg"
imagenes[8].src = "/images/C:/Documents and Settings/Usuario/Escritorio/PRUEBAS/BEBES/8.jpg"
}
function CompruebaVersion() {
if (navigator.appVersion.charAt(0) >= 3 && document.images) return true
else return false
}
function CreaArray(n) {
this.length = n
for (var i = 1; i<=n; i++) {
this[i] = new Image()
}
return this
}
function DetenerSecuencia (){
if(SecuenciaEjecutandose)
clearTimeout(SecuenciaID)
SecuenciaEjecutandose = false
imagen = 0
}
function MostrarSecuencia () {
if (CompruebaVersion()) {
document.images["secuencia"].src = imagenes[imagen].src
imagen++
if ( imagen == 5 )
imagen = 1
}
SecuenciaID = setTimeout("MostrarSecuencia()", duracion)
SecuenciaEjecutandose = true
}
function IniciarSecuencia () {
DetenerSecuencia()
imagen = 1
MostrarSecuencia()
}
window.onload = IniciarSecuencia;
if (document.captureEvents) {
captureEvents
document.captureEvents(Event.LOAD)
}
</script>
}
</head>
***************************
<html>
<head>
<BODY align="center"
<p>
<img src="/images/C:/Documents and Settings/Usuario/Escritorio/PRUEBAS/BEBES/1.jpg" width="300" height="300" alt="Secuencia" name="secuencia">
</p>
<form name="secuencia">
<p>
<input type="button" value="Parar" name="B1" onClick="DetenerSecuencia()">
<input type="button" value="Iniciar" name="B2" onClick="IniciarSecuencia()">
</p>
</form>
</head>
</BODY>
</html>
Lamentablemente no soy la mas experta en programar paginas web, ni mucho menos en JavaScript .. pero tengo el reto y estoy creando una web. En ella deseo poner debajo del encabezado en una recuadro centrado donde me cargue aleatoria y constantemente 8 fotos que tengo guardadas , buscando en la red encontré un código JavaScript el cual adapte a mi necesidad, pero cuando ejecuto en el explorador mi index solo me aparece el recuadro al lado izquierdo y no me muestra las fotos..
Yo cree una CARPETA donde guardo el archivo con el código del Java con extensión .js y también guardo ahí el archivo index. html que es de donde supuestamente llama la función de cargar las fotos del .js, también cree otra carpeta dentro de esta carpeta para guardar ahí mis 8 fotos con extensión .jpg
Entonces no se si es que yo estoy adaptando mal el código y no estoy guardando bien los archivos en las carpetas que son ó no estoy dando bien la ruta para que el código busque las fotos y las muestre..
Quizás exista una manera mas fácil y simple de aplicar lo que quiero hacer en la web
mil gracias .. aquí pongo el archivos.js y después el archivo.html
<head>
<script language="javascript" type="text/javascript">
var SecuenciaEjecutandose = false
var SecuenciaID = null
var imagen = 0
var duracion = 1000
if (CompruebaVersion()) {
imagenes = new CreaArray(4)
magenes[1].src = "/images/C:/Documents and Settings/Usuario/Escritorio/PRUEBAS/BEBES/1.jpg"
imagenes[2].src = "/images/C:/Documents and Settings/Usuario/Escritorio/PRUEBAS/BEBES/2.jpg"
imagenes[3].src = "/images/C:/Documents and Settings/Usuario/Escritorio/PRUEBAS/BEBES/3.jpg"
imagenes[4].src = "/images/C:/Documents and Settings/Usuario/Escritorio/PRUEBAS/BEBES/4.jpg"
imagenes[5].src = "/images/C:/Documents and Settings/Usuario/Escritorio/PRUEBAS/BEBES/5.jpg"
imagenes[6].src = "/images/C:/Documents and Settings/Usuario/Escritorio/PRUEBAS/BEBES/6.jpg"
imagenes[7].src = "/images/C:/Documents and Settings/Usuario/Escritorio/PRUEBAS/BEBES/7.jpg"
imagenes[8].src = "/images/C:/Documents and Settings/Usuario/Escritorio/PRUEBAS/BEBES/8.jpg"
}
function CompruebaVersion() {
if (navigator.appVersion.charAt(0) >= 3 && document.images) return true
else return false
}
function CreaArray(n) {
this.length = n
for (var i = 1; i<=n; i++) {
this[i] = new Image()
}
return this
}
function DetenerSecuencia (){
if(SecuenciaEjecutandose)
clearTimeout(SecuenciaID)
SecuenciaEjecutandose = false
imagen = 0
}
function MostrarSecuencia () {
if (CompruebaVersion()) {
document.images["secuencia"].src = imagenes[imagen].src
imagen++
if ( imagen == 5 )
imagen = 1
}
SecuenciaID = setTimeout("MostrarSecuencia()", duracion)
SecuenciaEjecutandose = true
}
function IniciarSecuencia () {
DetenerSecuencia()
imagen = 1
MostrarSecuencia()
}
window.onload = IniciarSecuencia;
if (document.captureEvents) {
captureEvents
document.captureEvents(Event.LOAD)
}
</script>
}
</head>
***************************
<html>
<head>
<BODY align="center"
<p>
<img src="/images/C:/Documents and Settings/Usuario/Escritorio/PRUEBAS/BEBES/1.jpg" width="300" height="300" alt="Secuencia" name="secuencia">
</p>
<form name="secuencia">
<p>
<input type="button" value="Parar" name="B1" onClick="DetenerSecuencia()">
<input type="button" value="Iniciar" name="B2" onClick="IniciarSecuencia()">
</p>
</form>
</head>
</BODY>
</html>
Valora esta pregunta
0