cargar imagenes en div sin intrusismo

[elignorante]

Hola, soy nuevo en el foro y autodidacta en esto de hacer webs (no me atrevo a llamarlo ni diseño)

estoy intentando hacer una web de fotografías, tengo en una capa una tabla con miniaturas de las fotos que quiero mostrar, y mi intención es que al pinchar en cada una de ellas cargue la foto entera en otra capa. He encontrado un código js que funciona pero me parece que es lo que llamais 'intrusivo' (término nuevo para mi), porque el navegador me saca la barrita esa advirtiendome del peligro de activar un controlador...

¿Hay alguna forma de hacerlo para que sea automático? es decir, sin que el navegador me pida que active nada...

Y si hubiera alguna forma de hacerlo sin js, utilizando sólo css... eso sería maravilloso

Muchas gracias.

[David]

En realidad no es eso a lo que se llama Javascript 'invasivo'.

Ese aviso sólo aparece cuando estás trabajando en local, cuando subas la página al servidor ya no se mostrará.

[zerokilled]

el tema ya se ha discutido varias veces. uno de tantos casos, http://www.forosdelweb.com/f13/probl...2/#post3086099. no te culpo, solo digo que con un poco de paciencia lo hubieras encontrado con el buscador de FDW.

Y si hubiera alguna forma de hacerlo sin js, utilizando sólo css... eso sería maravilloso

no te puedo contestar eso porque no soy tan eficiente en css como en javascript, quizas se pueda hacer algo parecido pero no exactamente igual.

[elignorante]

ok, muchas gracias a los dos. Seguire investigando a ver si me aclaro que es lo de js invasivo.

Zerokilled, es verdad, gracias, no me di cuenta del buscador, estuve mirando hasta la pgn 6 y no vi nada, entonces... pregunte.

La proxima con buscador lo aseguro.

[kuriel]

Jeje, si, esa barrita amarilla [de IE] siempre aparece cuando ves una página web Local; primero subela a tu hosting web, y verás que no aparece, y ps con lo de CSS sólamente con un Hover


p.Ejemplo:

Código CSS:

/* TuID es de por ejemplo: <div ID="AKI_TU_ID">
* y el "img" se refiere a las etiquetas img de imagen: <img ... > */
#TuID img{ width:100px; height:100px; border: 1px solid black; position:absolute;}
 
/* El "hover" es en CSS lo que en JavaScript llaman OnMouseOver [al pasar el puntero encima] */
#TuID img:hover{ width:400px; height:400px; border: 1px solid black; position:absolute;}
 

[elignorante]

muchas gracias... pero mmmm

no entiendo como puedo usar hover para cargar una imagen en otra capa...

perdónad si soy un poco burro, es lo que tiene ser autodidacta, que hay cosas básicas que se me van...