| Autor | Zpráva | ||
|---|---|---|---|
| Michal Uher Profil |
#1 · Zasláno: 3. 2. 2012, 08:43:09
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> |
||
|
Časová prodleva: 12 let
|
|||
0