Ik heb een 'klein' probleempje met mijn foto-album :) .
Hij werkt goed in IE en Opera, maar in FireFox slaat hij de bal helemaal mis !
Dit is wat ik heb:
album.php
<?
// Output... + uit DB halen van photos
echo "<DIV CLASS=\"clAlbum\" ALIGN=\"center\" VALIGN=\"MIDDLE\">
<IMG SRC=\"upload/photos/" . $Photos['0']['id'] . "." . $Photos['0']['Extension'] . "\" NAME=\"Photo\" BORDER=\"1\" BORDER-COLOR=\"black\">
</DIV>
<DIV ALIGN=\"center\">
<INPUT TYPE=\"button\" VALUE=\"<<\" ONCLICK=\"Javascript:prevphoto()\">
<SELECT ID=\"photolist\" ONCHANGE=\"Javascript:changephoto()\">
";
for($i = 0; $i < count($Photos); $i++)
{
echo "<OPTION VALUE=\"upload/photos/" . $Photos[$i]['id'] . "." . $Photos[$i]['Extension'] . "\">" . $Photos[$i]['Name'] . "</OPTION>";
}
echo "
</SELECT>
<INPUT TYPE=\"button\" VALUE=\">>\" ONCLICK=\"Javascript:nextphoto()\">
</DIV>
";
// Verdere output
?>
jscript.inc.php
<SCRIPT TYPE="text/javascript">
function photo(a)
{
if(nr)
{
a.innerHTML= "<IMG SRC='upload/photos/"+photos[nr]+"'>";
nr++;
}
else
{
nr = 1;
a.innerHTML= "<IMG SRC='upload/photos/"+photos[0]+"'>";
}
}
function changephoto()
{
Photo.src = photolist.options[photolist.selectedIndex].value;
}
function prevphoto()
{
if(photolist.selectedIndex == 0)
{
photolist.selectedIndex = photolist.options.length-1;
}
else
{
photolist.selectedIndex--;
}
prevphoto();
}
function nextphoto()
{
if(photolist.selectedIndex == photolist.options.length-1)
{
photolist.selectedIndex = 0;
}
else
{
photolist.selectedIndex++;
}
changephoto();
}
</SCRIPT>
Het is een hele brok :) Maar het werkt heel simpel:
We hebben een dropdown-boxje waarin de 'paden naar de foto's' als VALUE zijn meegegeven. Bij het veranderen van die dropdown zal hij de foto veranderen bij de afbeelding met de naam 'Photo'...
Beetje moeilijk uit te leggen :) . Hij werkt dus in IE en Opera, maar in FF geeft hij als fout: photolist is not defined. Terwijl dat wel degelijk zo is !
Mvg,
Ponzi