ingrandire immagine al passaggio del mouse

[Dadolottosi]

Ciao attutì sono nuovissimo!!
Nuovo, nuovo e principiante anche del linguaggio.
Devo creare una web page dove le miniature si ingrandiscono al passaggio del mouse, utilizzando solo un'immagine che si ingrandirà ( NON 2).
Ho trovato questo css che riporto

#container {
 position:relative; 
 width:425px; 
 height:480px;
 background:#fff; 
 border:1px solid #4a679f;
 margin:0 auto;
 }  

a.mini1{background:url(NomeImmagine.jpg);}
 a.mini2 {background:url(NomeImmagine2.jpg);}
 ecc... 

a.galleria span {
 display:block; 
 position:absolute;
 width:1px; 
 height:1px; 
 top: 5px; 
 left: 5px;
 overflow:hidden; 
 background:#000;
 }  


a.galleria, a.galleria:visited {
 display:block; 
 color:#4a679f;
 font-weight:bold;
 text-decoration:none;
 border:1px solid #fff; 
 width:75px; 
 height:47px; 
 float:left; 
 margin:3px;
 z-index:100;
 }  

a.galleria:hover {
 border:1px solid #ddd;
 } 

a.galleria:hover img {
 border:1px solid #ddd;
  position:relative;
 z-index:100;
  } 

a.galleria:hover span{
 display:block;
  position:absolute;
  width:400px;
  height:300px;
  top:170px;
 left: 5px;
 padding:5px;
 background:transparent;
  z-index:100;
 }

E allego il blocco HTML che ho scritto..

	<div id="congrande">
	
	</div>

Il punto è mettere l'elemento span ...: qualcuno mi può aiutare a completare?

Grazi per la collaboration...

[Vincent.Zeno]

Originariamente inviato da Dadolottosi
Ciao a tutti sono nuovissimo!!
Nuovo, nuovo e principiante anche del linguaggio.

ciao e benvenuto.

per favore dai un'approfondita lettura del regolamento di sezione.
ricorda anche che sei tenuto, come tutti, ad utilizzare il tag CODE per postare codice

buon lavoro

[Dadolottosi]

Come si farà?
Ciao attutì sono nuovissimo!!
Nuovo, nuovo e principiante anche del linguaggio.
Devo creare una web page dove le miniature si ingrandiscono al passaggio del mouse, utilizzando solo un'immagine che si ingrandirà ( NON 2).
Ho trovato questo css che riporto

#container {
 position:relative; 
 width:425px; 
 height:480px;
 background:#fff; 
 border:1px solid #4a679f;
 margin:0 auto;
 }  

a.mini1{background:url(NomeImmagine.jpg);}
 a.mini2 {background:url(NomeImmagine2.jpg);}
 ecc... 

a.galleria span {
 display:block; 
 position:absolute;
 width:1px; 
 height:1px; 
 top: 5px; 
 left: 5px;
 overflow:hidden; 
 background:#000;
 }  


a.galleria, a.galleria:visited {
 display:block; 
 color:#4a679f;
 font-weight:bold;
 text-decoration:none;
 border:1px solid #fff; 
 width:75px; 
 height:47px; 
 float:left; 
 margin:3px;
 z-index:100;
 }  

a.galleria:hover {
 border:1px solid #ddd;
 } 

a.galleria:hover img {
 border:1px solid #ddd;
  position:relative;
 z-index:100;
  } 

a.galleria:hover span{
 display:block;
  position:absolute;
  width:400px;
  height:300px;
  top:170px;
 left: 5px;
 padding:5px;
 background:transparent;
  z-index:100;
 }

E allego il blocco HTML che ho scritto..
codice:

	<div id="congrande">
	
	</div>

Il punto è mettere l'elemento span ...: qualcuno mi può aiutare a completare?

Grazi per la collaboration...
Speriamo vada...... la forma è importante e grazie per l'aiuto , mi auguro non ci si areni solo su quella e si guardi anche il contenuto della richiesta....
Grazie di nuovo
Ultima modifica ad opera dell'utente Vincent.Zeno il 05-08-2012 alle 00:22


Segnala ad un moderatore | IP: 31.188.192.125 | Permalink

[Vincent.Zeno]

qui sta andando tutto in sfacelo
sono indeciso se chiudere o se chiederti spiegazione di questo inutile copia incolla...

va... chiudo e ti invito a postare un post "in regola"

coraggio: ce la puoi fare anche tu