Salve ragazzi, ho necessità di simulare un frame mediante css e javascript per la creazione di una photo gallery con fancybox. In altre parole vorrei avere la possibilità di paginare le foto ogni 10 elementi senza aprire nuove finestre, per questo motivo ho pensato di simulare un frame e cambiarne il contenuto cliccando su dei bottoni. Al momento ho uno script che potrebbe fare al caso mio ma non riesco a visualizzarne gli elementi al click. Di seguito il codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">

div
{
font-size: 11px;
font-family: Verdana;
}
#IFRAME
{
overflow: Auto;
width: 300px;
height: 100px;
padding: 5px 5px 5px 5px;
border: Solid 1px #000000;
}
#CONTENUTO_1, #CONTENUTO_2, #CONTENUTO_3
{
visibility: Hidden;
position: Absolute;
}

</style>

<script>

function MenuIframe(MenuID)
{
var x = document.getElementById;
x("CONTENUTO_" + MenuID).style.visibility = "Visible";
x("CONTENUTO_" + MenuID).style.position = "Relative";
for (var i=1; i<4; i++)
{
if (i != MenuID)
{
x("CONTENUTO_" + i).style.visibility = "Hidden";
x("CONTENUTO_" + i).style.position = "Absolute";
}
}
}

</script>

<title>Documento senza titolo</title>
</head>

<body>

<div>
Mostra 1 |
Mostra 2 |
Mostra 3
</div>


<div id="IFRAME">
<span id="CONTENUTO_1">
Contenuto del frame 1...

Contenuto del frame 1...

Contenuto del frame 1...

Contenuto del frame 1...

Contenuto del frame 1...

Contenuto del frame 1...

Contenuto del frame 1...

Contenuto del frame 1...

Contenuto del frame 1...

Contenuto del frame 1...

</span>
<span id="CONTENUTO_2">
Contenuto del frame 2...

Contenuto del frame 2...

Contenuto del frame 2...

Contenuto del frame 2...

Contenuto del frame 2...

Contenuto del frame 2...

Contenuto del frame 2...

Contenuto del frame 2...

Contenuto del frame 2...

Contenuto del frame 2...

</span>
<span id="CONTENUTO_3">
Contenuto del frame 3...

Contenuto del frame 3...

Contenuto del frame 3...

Contenuto del frame 3...

Contenuto del frame 3...

Contenuto del frame 3...

Contenuto del frame 3...

Contenuto del frame 3...

Contenuto del frame 3...

Contenuto del frame 3...

</span>
</div>
</body>
</html>
se avete la soluzione o metodi alternativi più leggeri sono tutt'orecchi