Buon giorno , mi trovo in un vicolo cieco e non so come uscire , vi spiego il mio problema, ho un sito internet dove all'interno c'e' una galleria fotografica gestita con uno script java.... sulla sinistra un menu a tendina e centrale le immagini che scorrono, il mio problema è questo quando parte la pagina tutto il menu si vede per esteso per intenderci categoria con le relative foto, se po clicco con il mouse sulla prima categoria tutto ri racchiude e funziona correttamente, questo script utilizzato su due siti uno dei quali funziona correttamente l'altro il problema da me indicato, c'e' qualcuno che puo aitarmi a capire cosa devo cambiare ... cerco di postare lo script :
codice:
<script>
function startmenu()
{
document.getElementById('menu0').style.display = "none";
document.getElementById('menu1').style.display = "none";
document.getElementById('menu2').style.display = "none";
document.getElementById('menu3').style.display = "none";
document.getElementById('menu4').style.display = "none";
document.getElementById('menu5').style.display = "none";
document.getElementById('menu6').style.display = "none";
document.getElementById('menu7').style.display = "none";
document.getElementById('menu8').style.display = "none";
document.getElementById('menu9').style.display = "none";
document.getElementById('menu10').style.display = "none";
document.getElementById('menu11').style.display = "none";
document.getElementById('menu12').style.display = "none";
document.getElementById('menu13').style.display = "none";
}
function menufunc(menuId)
{
if(document.getElementById(menuId).style.display == "none")
{
startmenu();
document.getElementById(menuId).style.display = "block";
}
else
{
startmenu();
}
}
function changeImage(filename)
{
document.getElementById('mainimage').src = filename;
}
</script>
poi la zona che racchiude le foto ne posto solo un paio di categorie:
codice:
<a href="javascript:menufunc('menu0')">1°COMPLEANNO</a><div id="menu0">
- <a href="javascript:changeImage('../images/antipasti1.png')">Foto 1</a><br>
- <a href="javascript:changeImage('../images/antipasti2.png')">Foto 2</a><br>
- <a href="javascript:changeImage('../images/antipasti3.png')">Foto 3</a><br>
- <a href="javascript:changeImage('../images/antipasti4.png')">Foto 4</a><br>
- <a href="javascript:changeImage('../images/antipasti5.png')">Foto 5</a><br>
- <a href="javascript:changeImage('../images/antipasti6.png')">Foto 6</a><br>
- <a href="javascript:changeImage('../images/antipasti7.png')">Foto 7</a><br>
- <a href="javascript:changeImage('../images/antipasti8.png')">Foto 8</a><br>
</div>
<br>
<a href="javascript:menufunc('menu1')">18°COMPLEANNO</a>
<div id="menu1">
- <a href="javascript:changeImage('../images/frivolezze1.png')">Foto 1</a><br>
- <a href="javascript:changeImage('../images/frivolezze2.png')">Foto 2</a><br>
- <a href="javascript:changeImage('../images/frivolezze3.png')">Foto 3</a><br>
- <a href="javascript:changeImage('../images/frivolezze4.png')">Foto 4</a><br>
- <a href="javascript:changeImage('../images/frivolezze5.png')">Foto 5</a><br>
- <a href="javascript:changeImage('../images/frivolezze6.png')">Foto 6</a><br>
- <a href="javascript:changeImage('../images/frivolezze7.png')">Foto 7</a><br>
- <a href="javascript:changeImage('../images/frivolezze8.png')">Foto 8</a><br>
</div>
<br>
come vi dicevo su un sito che parla di ristoranti funziona bene nei vari browser in questo copiato e incollato no... qualcuno può aiutarmi... grazie in anticipo per i consigli..