Wie wäre es mit diesem Ansatz:
PHP-Code:
<html>
<head>
<script type="text/javascript">
function show(id)
{
var arrEl, el, i;
arrEl = document.getElementsByName('imagebox');
for (i = 0; i < arrEl.length; i++)
{
el = arrEl[i];
if (el.id == id)
{
el.style.display = 'block';
} else
{
el.style.display = 'none';
};
};
}
</script>
</head>
<body>
<a href="javascript: void(0)" onClick="show('box01')">Bild 01</a>
<a href="javascript: void(0)" onClick="show('box02')">Bild 02</a>
<a href="javascript: void(0)" onClick="show('box03')">Bild 03</a>
<div name="imagebox" id="box01" style="display: none;">
text 01
<img src="img01.jpg" />
</div>
<div name="imagebox" id="box02" style="display: none;">
text 02
<img src="img02.jpg" />
</div>
<div name="imagebox" id="box03" style="display: none;">
text 03
<img src="img03.jpg" />
</div>
</body>
</html>
Kurz und knapp
