@GardBeat: Hay cosas que en lo personal no hago y entre ellas ponerselas dificil a los visitantes y los search-bots.
Tampoco entiendo lo que quieres decir con "notacion semantica de javascript" y si es lo que explicas de halar las funciones de js en el head, cometes el error de cargar estos antes del resto del contenido.
Se que es muy comun ese metodo, pero algo que tienes que saber es que los navegadores cargan el codigo de forma lineal y si un javascript es pesado y toma tiempo en cargarse, hasta que no se cargue este, el resto del codigo de la pagina se detiene de hacerlo, por lo que el visitante no veria contenido y puede desesperarse. Para evitar ese problema tengo como costumbre cargar todos los js en el footer, antes de </body>.
Otra cosa es que no le estas dando oportunidad a los buscadores de indexar tus imagenes con ese script que pones. Si permites que los bots indexen las imagenes en tu pagina, garantizas mas visitas provenientes de buscadores.
El metodo que uso es poner todas las imagenes dentro de una lista tipo:
Código HTML:
<div id="imgs">
<img src="imagen.jpg" />
<img src="imagen.jpg" />
<img src="imagen.jpg" />
<img src="imagen.jpg" />
</div>
Luego con js capturo todos los elementos <img> dentro del div y les aplico el efecto que necesite. El js lo cargo como antes mencione.
Lo importante es dejar las imagenes visibles a los bots para garantizarte visitas.