Autor Zpráva
Michal Uher
Profil
Na stránkách, které jsem dělal pro kamaráda jsem použil jednoduchou galerii obrázků v JS. Uvnitř se zobrazuje stránka kde je vlevo skupina obrázků v tabulce. Po kliknutí na odkazový obrázek se zobrazuje větší obrázek vpravo. Funguje to v IE, Firefoxu i Opeře, ale nikoliv v Google Chrome. Tam se zobrazí pouze první obrázek z celé tabulky, ostatní ne. Ty se zobrazí, až se na stránku v Iframu vrátím. Co je však ještě horší je to, že po nějaké době klikání po stránkách Chrome přestane zobrazovat obrázky v tabulce na všech vnitřních stránkách v Iframu.
Stránky: velopoli.cincala.cz Příklad: v menu kliknout na položku půjčovna a pak rámové lešení, tam je obrázků nejvíce.
Skript ke galerii je na konci stránky.

<html><head><title>www.CINCALA.cz</title>
<meta http-EQUIV='Content-Type' CONTENT='text/html; charset=iso-8859-2'>
<meta http-equiv="Content-Language" content="cs" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<meta name="Robots" content="all,follow" />
<meta name="Author" content="Michal Uher"/>
<meta http-equiv="Pragma" content="no-cache" />
<link href="./cincala.css" rel="stylesheet" type="text/css" media="all" />
<link rel="icon" href="./img/favicon.png" type="image/png">
<script language="Javascript" src='./window.js'></script>
</head><body id=detail>
<style> 
body {; background:white);
scrollbar-track-color: white;
scrollbar-face-color: grey;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: dark grey;
scrollbar-darkshadow-color: dark grey;
scrollbar-shadow-color: grey;
scrollbar-arrow-color: black
}
#obr {position: absolute; right: 60px}
#male {position: absolute; left: 60px; overflow: auto; width: 300px; height: 300px}
#male img {width: 90%}
#male a {display: block}
img {border: 0}
</style>
<h3>Rámové lešení Altrad Baumann Profitech S73</h3>
<div id=obsahtver>
Rámové lešení má výhodu velice rychlé a snadné stavby a rozložení, zvláště za předpokladu, že se jedná o budovy obdélníkového nebo čtvercového tvaru. S členitostí narůstá i obtížnost montáže. Pomocí rámového lešení s použitím různých doplňků lze však postavit lešení prakticky kamkoliv. Důležitá je únosnost podkladu, ale i možnost kotvení. Do výšky 6m je možno rámové lešení zajistit opěrnými tyčemi. Při větších výškách je nezbytně nutné lešení k budově kotvit pomocí kotvících ok a hmoždin. 
 </div>    
<hr>
<img src="foto/foto044.jpg" id="obr">

      <div id="male">
        <table cellpadding=0 cellspacing=0>         
          <tr>
              <td><a href="foto/foto044.jpg"><img src="foto/thumb/foto044.jpg"></a></td>      
              <td><a href="foto/foto045.jpg"><img src="foto/thumb/foto045.jpg"></a></td>
              <td><a href="foto/foto046.jpg"><img src="foto/thumb/foto046.jpg"></a></td>
                
          </tr>
          <tr>
              <td><a href="foto/foto047.jpg"><img src="foto/thumb/foto047.jpg"></a></td> 
              <td><a href="foto/foto048.jpg"><img src="foto/thumb/foto048.jpg"></a></td>      
              <td><a href="foto/foto049.jpg"><img src="foto/thumb/foto049.jpg"></a></td>  
          </tr>
          <tr>
              <td><a href="foto/foto050.jpg"><img src="foto/thumb/foto050.jpg"></a></td>
              <td><a href="foto/foto051.jpg"><img src="foto/thumb/foto051.jpg"></a></td>   
          </tr>
        </table>
      </div>
  


<script> 
var nahled = document.getElementById("male").getElementsByTagName("a");
for(i = 0; i < nahled.length; i++)  {
  nahled[i].onclick = function () {
    document.getElementById("obr").src = this.href;
    return false;
  }
}
</script>





</body></html>

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: