ciao Mirko,
Buon Lunedì a tutti!
grazie mille per la risposta, ho provato la tua soluzione, però mi è venuto in mente di fare una cosa di questo genere, purtroppo funziona solo in parte, magari con un aiuto da parte vostra riesco a farla andare...! 
questa è la pagina delle immagini
codice:
<head>
<title>Pagina senza titolo</title>
<script type="text/javascript" language="javascript" src="sys/lib.js"></script>
<style>
.big
{
position:relative;
border: 3px solid #1B832C;
cursor: pointer;
visibility: hidden;
z-index : 20;
float:left;
}
#riquadro
{
color: #1B832C;
border-left: solid 1px black;
border-right: solid 1px black;
vertical-align: top;
}
#contenitore
{
text-align: center;
padding-right:1em;
padding-top: 2em;
padding-left: 1em;
color: #000;
overflow:hidden;
}
#contenitore div
{
text-align: center;
width: 280px;
float: left;
}
</style>
</head>
<body>
<div class="">
<div id="contenitore">
<div id="div1">
[img]img/imgmicro/micro1bianco.jpg[/img]
<p class="titoloportfolio">iMG1</p>
</div>
<div id="div2">
[img]img/imgmicro/bussolabianca.jpg[/img]
<p class="titoloportfolio">IMG2</p>
</div>
<div id="div3">
[img]img/imgmicro/micro3.jpg[/img]
<p class="titoloportfolio">IMG3</p>
</div>
</div>
</div>
PROVA TESTO PROVA TESTO PROVA TESTO
[img]img/imgmedie/big1.jpg[/img]
[img]img/imgmedie/big2.jpg[/img]
[img]img/imgmedie/big3.jpg[/img]
TESTO TESTO TESTO
</body>
</html>
Ecco con il css che ho appena scritto impagino le foto, dopo ho fatto una function in js che si trova in lib.js, importata all'inizio, dove richiamo il nome di ogni div che contiene un immagine con il suo testo, in modo tale che se ridimensiono la finestra le img rimangono una sopra l'altra.
codice:
function dlMostraImgBig(nameSmall,nameBig)
{
var ctrlSmall= document.getElementById(nameSmall);
var ctrlBig = document.getElementById(nameBig);
var leftBig = new Number(ctrlSmall.style.left) + 0;
var topBig = new Number(ctrlSmall.style.top) -300;
ctrlBig.style.left = leftBig;
ctrlBig.style.top = topBig;
dlMostraDiv(nameBig);
}
//per nascondere l'immagine
function dlNascondiDiv(name)
{
var ctrl = document.getElementById(name);
ctrl.style.display = 'none';
ctrl.style.visibility = 'hidden';
}
Ho provato in explorer 7 e
il problema è che quando si carica la pagina per la prima volta funziona, dopo di che, sballa tutto...purtroppo non riesco a mettere online la pagina..sto facendo vari tentativi ma niente da fare... confido in un vostro aiuto! Intanto io continuo a fare delle prove...
Grazie mille amici!
Un saluto.
Ely
Rispondi quotando
!
