Na stránkách
http://www.fishland.cz/test/prep_6-gal.php používám horizontální scrollovací menu k posouvání náhledů, které jsou "za rohem". Upozorňuji, že nejsem jeho autorem. Toto menu má dva nedostatky :
1) využívá JS ( to by se dalo obrečet )
2) nejede v Opeře ( to je vážný problém )
Nevíte někdo, jak toto odstranit, popř. neznáne podobné menu, které by nemělo uvedené nedostatky ??? Netrvám na plynulém posouvání obrázků, skokové by nebylo na závadu.
Pro úplnost zdrojový kód :
<script>
var bStop = 0;
var oldWidth = 0;
var oldHeight = 0;
function SrollImage(intDirection){
var i = document.getElementById("ImageBody").scrollLeft;
var ii;
if(intDirection == 1){
document.getElementById("ImageBody").scrollLeft = -15 + i;
ii = document.getElementById("ImageBody").scrollLeft;
if(i > ii && bStop == 0){setTimeout("SrollImage(1)",40)}
}else{
document.getElementById("ImageBody").scrollLeft = 15 + i;
ii = document.getElementById("ImageBody").scrollLeft;
if(i < ii && bStop == 0){setTimeout("SrollImage(2)",40)}
}
}
</script>
<table width="770" height="100" border="0" cellpadding="0" cellspacing="0">
<tr><td width="55px" >
<img align="bootom" id="img1"style="cursor: pointer;"src="images/preparace/sipkaleva.gif"onmouseout="bStop=1;" onmouseover="bStop=0;SrollImage(1);"></td>
<td><div id="ImageBody" style="overflow: hidden; white-space: nowrap; width: 660px;">
<div align="center" ><a href="prep_1-gal.php"><img src="images/preparace/stika_1/stika_pic.gif" line-height="0px" alt="Preparace-štika" title="Preparace-štika" width="110px" height="100px" border="0px"></a><a href="prep_2-gal.php"><img src="images/preparace/stika_2/stika_pic.gif" line-height="0px" alt="Preparace-štika" title="Preparace-štika" width="110px" height="100px" border="0px"></a><a href="prep_3-gal.php"><img src="images/preparace/candat_1/candat_pic.gif" line-height="0px" alt="Preparace-candát" title="Preparace-candát" width="110px" height="100px" border="0px"></a><a href="prep_4-gal.php"><img src="images/preparace/candat_2/candat_pic.gif" line-height="0px" alt="Preparace-candát" title="Preparace-candát" width="110px" height="100px" border="0px"></a><a href="prep_5-gal.php"><img src="images/preparace/sumec_1/sumec_pic.gif" line-height="0px" alt="Preparace-sumec" title="Preparace-sumec" width="110px" height="100px" border="0px"></a><a href="prep_6-gal.php"><img src="images/preparace/okoun_1/okoun_pic.gif" line-height="0px" alt="Preparace-okoun" title="Preparace-okoun" width="110px" height="100px" border="0px"></a><a href="prep_7-gal.php"><img src="images/preparace/pstruh_1/pstruh_pic.gif" line-height="0px" alt="Preparace-pstruh" title="Preparace-pstruh" width="110px" height="100px" border="0px"></a><a href="prep_8-gal.php"><img src="images/preparace/lipan_1/lipan_pic.gif" line-height="0px" alt="Preparace-lipan" title="Preparace-lipan" width="110px" height="100px" border="0px"></a><a href="prep_9-gal.php"><img src="images/preparace/tolstolobik_1/tolst_pic.gif" line-height="0px" alt="Preparace-tolstolobik" title="Preparace-tolstolobik" width="110px" height="100px" border="0px"></a><a href="prep_10-gal.php"><img src="images/preparace/das_1/das_pic.gif" line-height="0px" alt="Preparace-ďas mořský" title="Preparace-ďas mořský" width="110px" height="100px" border="0px"></a><a href="prep_11-gal.php"><img src="images/preparace/gibiceps_1/gibi_pic.gif" line-height="0px" alt="Preparace-gibiceps" title="Preparace-gibiceps" width="110px" height="100px" border="0px"></a></div></td>
<td width="55px"><img align="bootom" id="img1" style="cursor: pointer;" src="images/preparace/sipkaprava.gif" onmouseout="bStop=1;" onmouseover="bStop=0;SrollImage(2);"></td>
</tr></table>
Děkuji za každou radu, Axamith