Códigos jQuery, CSS, HTML para páginas web

  Pues en este post explicaré como hacer para que, al pasar el puntero del mouse por encima de una foto pequeña (o thumbnail), esta se vea más grande en otro sitio.    En el código HTML podríamos tener algo como: <div class="box_imgpeque"> <img src="images/100_6747.JPG" width="160" height="90" alt=""/> </div> <div class="box_imgpeque"> <img src="images/100_6745.JPG" width="160" height="90" alt=""> </div> <div class="box_imgpeque"> <img src="images/100_6710.JPG" width="160" height="90" alt=""> </div> <div class="box_imggrande"></div>    Creo que el HTML está claro. En los divs "box_imgpeque" tendríamos las imágenes en pequeño y, en el div "box_imggrande" irían las imágenes grandes. Por supuesto en el CSS de "box_imggrande...

  Ya sé que a dia de hoy se puede realizar un efecto sombra en CSS3 pero, a fecha de este post, internet explorer no lo soporta, así que os diré cómo hice el efecto a las fotos, en css y con un par de imágenes.   Antes de nada quiero comentaros que en esta página: http://www.talleresguadamia.com , el título principal del contenido tiene una sombra realizada en CSS3, los que abráis la página con el explorer no la veréis y el resto depende del navegador. El efecto sombra al que me refiero es el véis en las fotos del contenido. Lo realmente importante el código que sigue: @charset "utf-8"; /* CSS Document */ .dropshadow1{     float:left;     background: url(images/shadowAlpha.png) no-repeat bottom right !important ;     background: url(images/shadow.gif) no-repeat bottom right;     margin: 10px 0 0 10px !important ;     margin: 5px 0 0 5px; }     .dropshadow1 img {   di...