hallo,
ich bin gerade dabei eine galerie zu erstellen, leider funktioniert sie nicht so richtig wie sie soll. irgendwie steht sie etwas neben sich. d.h. nach dem laden der seite wird die thumbnailleiste statt in der mitte rechts oben angezeigt.
und beim anklicken der thumbs wird kein bild angezeigt.
ich habe folgenden code verwendet:
Code
<script type="text/javascript">
function toggleDiv( elemID ) {
var l = ['toShow01', 'toShow02', 'toShow03', 'toShow04', 'toShow05', 'toShow06', 'toShow07', 'toShow08', 'toShow09', 'toShow10', 'toShow11', 'toShow12', 'toShow13', 'toShow14', 'toShow15', 'toShow16'];
for(var i=0; i<l.length; i++) {
document.getElementById(l[i]).style.display = elemID == l[i] ? 'block' : 'none';
}
}
if(document.getElementById(l[i])) {
document.getElementById(l[i]).style.display = elemID == l[i] ? 'block' : 'none';
}
</script>
<script type="text/javascript">
function toggleDivOL( elemID )
{
var elem = document.getElementById( elemID );
if( elem.style.position != 'absolute' )
{
elem.style.position = 'absolute';
elem.style.left = '0px';
}
else
{
elem.style.position = 'relative';
elem.style.left = '-4000px';
}
}
</script>
Alles anzeigen
und
Code
<ul>
<li><a href="javascript:toggleDivOL('toShow01');" title="Hochzeit"><img src="fotos/thumb_Hochzeit_01.jpg" width="180" alt="Hochzeit" border="0" /></a></li>
<li><a href="javascript:toggleDivOL('toShow02');" title="Hochzeit"><img src="fotos/thumb_Hochzeit_02.jpg" width="180" alt="Hochzeit" border="0" /></a></li>
<li><a href="javascript:toggleDivOL('toShow03');" title="Hochzeit"><img src="fotos/thumb_Hochzeit_03.jpg" width="180" alt="Hochzeit" border="0" /></a></li>
<li><a href="javascript:toggleDivOL('toShow04');" title="Hochzeit"><img src="fotos/thumb_Hochzeit_04.jpg" width="180" alt="Hochzeit" border="0" /></a></li>
<li><a href="javascript:toggleDivOL('toShow05');" title="Hochzeit"><img src="fotos/thumb_Hochzeit_05.jpg" width="180" alt="Hochzeit" border="0" /></a></li>
</ul>
(die seite ist für einen kumpel seine hochzeit)
hier ist der link zur seite: http://www.laco1.lima-city.de/test.html
ich finde irgendwie nicht der fehler.
bei der w3c validierung werden merkwürdige fehler angezeigt, die eigentlich keine fehler sein sollten.
kann mir eventuell jemand helfen? so rchtig gut kenn ich micht java script leider nicht aus.