Pasar imágenes

[dcarenzo]

Hola, quisiera saber si fuera posible cambiar de imágenes al hacer click sobre esta pase a otra, y así sucesivamente hasta volver a la primera.

Gracias

[CreaTuSitio.com]

no lo probe, pero seria mas o menos asi:

<script language=javascript><!--
var i=0;
var misImgs=new Array('miImagen1.jpg','miImagen2.jpg','miImagen3.j pg')
function cambiar(img) { i++; if (i>misImgs.length) { i=0 }; img.src=misImgs[i] }
//--></script>
<img src="miImagen1.jpg" onclick="cambiar(this)">

[dcarenzo]

Gracias, pero no consigo más que pasar de la primera a la segunda al hacer click en la imagen, y al volver a hacer click para pasar a la siguente y sucesivas vuelve a la primera y se queda en un loop eterno.

El código quedó así:

<script language=javascript><!--
var i=0;
var misImgs=new Array('imagenes/quienes/1.jpg','imagenes/quienes/2.jpg','imagenes/quienes/3.jpg')
function cambiar(img) { i++; if (i>misImgs.length) { i=0 }; img.src=misImgs[i] }
//-->
</script>

<img src="imagenes/quienes/1.jpg" onclick="cambiar(this)" width="400" height="225" onMouseDown="cambiar()">

No consigo resolverlo.
Gracias

[caricatos]

Hola dcarenzo:

Prueba con:

<script language=javascript>
<!--
var _i = 0;
var misImgs=['imagenes/quienes/1.jpg',
'imagenes/quienes/2.jpg',
'imagenes/quienes/3.jpg'];
function cambiar(img) {
img.src=misImgs[_i ++ % misImgs.length];
}
//-->
</script>

Asegúrate que la variable contador no la usas en ningún otro sitio (es muy peligroso usar "i")

Saludos

[tunait]

Tema trasladado al foro de javascript desde (x)html

[dcarenzo]

Gracias CARICATOS, y a todos los que me ayudaron en esta cuestión.
Funciona y va bien, aunque quizá, y ahora la pregunta es:
si es posible en html cargar con preload las imagenes a mostrar.

Un saludo,

[caricatos]

Hola otra vez:

Hay una precarga sencilla en las FAQs y otra que permite mostrar un porcentaje de carga...
Échale un vistazo y dinos si necesitas ayuda para usarlas.

Saludos

[dcarenzo]

Hola de nuevo, estoy viendo el código que me indicaste en las FAQs, para poner un preload con porcentaje, y tengo que ser sincero.
No sé como aplicarlo.

Un saludo

[caricatos]

Hola otra vez:

En este enlace explico mejor lo de la precarga: http://www.pepemolina.com/imagenes/
aunque para pocas puede ser mejor el otro sistema...

Básicamente sería:
var fotos = precarga("foto1", "foto2", "foto3");
porcentaje();

Luego con otra función recursiva se muestra el porcentaje...
function porcentaje() {
if (precargados(fotos)) window.status = "porcentaje: 100%";
else {
window.status = "porcentaje: " + porciento(fotos) + "%";
setTimeout("porcentaje()", 100);
}
}

En este ejemplo se muestra el porcentaje en la barra de estado, pero el valor que devuelve "porciento(fotos)" puede servir para poner una barra de progreso en una capa, pero ese es otro tema...

P.D: No respondo mensajes privados.

Saludos

[dcarenzo]

Gracias por la ayuda.
No consigo hacerlo funcionar, pero seguiré insistiendo.

Un saludo

[kachalot]

He estado leiendo y viendo la pagina que mencionas caricatos y me interesa mucho.

Resulta que quiero hacer una página web en la que me envien imágenes. El Upload mas o menos me va regular, pero donde no tengo ni idea es en la galeria de imágenes.
Lo que quiero es que los usuarios elijan las fotos de su equipo o la carpeta que contiene las fotos. Automáticamente cuando hagan esto que les aparezca las fotos en miniatura dependiendo de las que hayan en la carpeta o de las que hayan seleccionado. Para que las editen, es decir, que de un formulario que habrá, tipo un carrito de compra, digan lo que les quieren hacer a las fotos. Y cuando ya las hayan editado todas, hecho el pedido, que las suban al servidor.

No se como hacer la galeria de fotos, el upload no se deberia hacer hasta que no se hayan visualizado las imagenes.

Sabes como podria hacerlo?? Puedo adaptar lo de la pagina www.pepemolina.com??

Gracias