[cssdesign] Thumb immagine + zoom

[Jonathan Stoppani]

Se il div.box_photo si adatta alla dimensioni dell'immagine basta  
dargli position:relative e poi poszionare in absolute il  
div.zoom_photo, dove sta il problema?

Piccolo consiglio:
Sostituisci <div class="zoom_photo"><img src="img/icon_zoom.gif"  
alt="Zoom" /></div>
con <a href="zoom.html" class="zoom_photo"><span>Ingrandisci</span></ 
a> ed in seguito nascondi il testo e metti l'immagine della lente  
come sfondo ;)

Jonathan Stoppani


On Feb 2, 2006, at 4:40 PM, Hedo wrote:
> Ciao a tutti dovrei creare una struttura con 2 div contenente:
>
> 1) una <img> che varia di dimensione presa da catalogo
> 2) una gif con l'icona zoom posizionata sopra allineata in basso a  
> destra
>
> Ho provato con le posizioni asoslute ma non riesco a ottenere nulla di
> decente. Ho pensato di usare come bg l'immagine, ma sicocme le
> imamigni non hanno tutte le stesse dimensioni correri il rischio di
> vederle tagliate
>
> In allegato una gif di come vorrei il risultato.
>
> PS: non posso lavorare a #ID perchè la stessa foto verrebbe replicata
> N volte nelal stessa pagina, quindi non avrei un controllo di elemento
> univoco; per quello pensavo di usare le .class
>
> <div class="box_photo">
>    <img src="public/prd_img/prd_prova.jpg" alt="" width="132"
> height="98" class="photo" />
>    <div class="zoom_photo"><img src="img/icon_zoom.gif" alt="Zoom" / 
> ></div>
> </div>
>
>
> Vi ringrazio dell'aiuto