Todas las imagenes tengan un link
 

Buenas amigos. Que tal va todo?
Vengo un problemilla que me gustaría comentar por si alguien sabe como resolverlo. Tengo una web con una lista de imagenes, en una hoja CSS le he metido que todas las imagenes tenga una anchura de 75px i una altura automatica. Hasta aquí perfecto.
Ahora me gutaría que todas esas imagenes tengan un link a "javascript:void(0)" y en onclick "comentaris(this.src)". Es decir, hasta ahora todas las imagenes q voy metiendo son de la forma:
<a href="javascript:void(0);"><img src="../../../fotos web/mares/arcs2.jpg" width="75" border="0" onClick="comentaris(this.src)"></a>
Pues bien, me gustaría definir la hoja tal que sea necesario solamente meter <img src="../../../fotos web/mares/arcs2.jpg"
Muchas gracias, espero vuestra ayuda!
:adios:

Hola splig:

Si lo que quieres es que el cursor se quede como mano te basta con el estilo cursor: pointer;

Para el evento onclick ya tendrías que usar javascript...
Puedes hacer un bucle de todas las imágenes y asignar esa función al evento.

Saludos :arriba:

Ya entiendo. Es decir, un "onclick" dentro de un CSS no funciona. Y tal bucle en javascript como lo podría hacer?
Tengo las imagenes en un array, pero los nombres no son numeros. Es decir tengo foto["arco1.jpg"], foto["techo.jpg"], foto["pajaro.jpg"]... Como hago para que me haga ese bucle si no hay un orden numerico y como decirle donde se para?
Gracias

Hola otra vez:

Si el array es asociativo, la forma de decorrer el array es mediante la variante del bucle for:

for (elemento in foto) procesar(foto[elemento]);

Pero ya se trataría de javascript, y tendría que ver la declaración que tienes de ese array.

Saludos :arriba:

Una pregunta. Porquè a veces el CSS parece como si cargase mal? La imagen se me carga con el tamaño de ancho que quiero. Tengo que el alto sea automatico para que no pierda la proporcionalidad, pero a veces la pierde. Hago actualizar un par de veces la recupera, vuelvo a actualizar, la pierde.....
PQ? No creo q haya error en la hoja CSS...