Autor Zpráva
crasher
Profil
Ahoj, mám problém s javascriptem fotogalerie.

Dělám jedny z prvních, webových stránek. Fotogralerie by měla být v jednom z 5 html dokumentů, které používám jako obsah iframe na hlavní stránce. Jedná se o historii firmy a fotografie obchodu. Rád bych vytvořil fotogalerii díky javascriptu. Konkrétně toto http://malduv-web.ic.cz/navod_fotogaleri.htm
Napadlo mě, udělat zvlášť ještě jedno html na fotky ale potom by informace o firmě byli jen souvislý text..
Takže vše jsem udělal podle návodu ale někde musím mít chybu. V hlavičce je javascript i s cestou, pod hlavičkou odkaz na miniaturu a obrázek.
Ale pokud rozeběhnu stránku a kliknu na miniaturu, javascript mi začne načítat snad 10x pozadí html, a fotka se nezobrazí správně.
http://postimg.org/image/dr05y1lp5/


v tagu <style type="text/css"> mám specifika hlavního divu = velikost, zmíněné pozadí, text atd. <style/>
http://postimg.org/image/sxps7hqlv/


Pokud ale odstraním všechen obsah style a nechám pouze jen <style> </style>, java script začne fungovat a fotka se správně zobrazí.
Nicméně, pozadí a velikost divu je samozřejmě nerozvinutá.
Dalé, pokud to spustím na komplet stránkách, vše zůstává v Iframu. Tím pádem se nezobrazí na celou obrazovku ale jen do velikosti iframu


Můžete mi prosím poradit, kam zapsat specifika divu tak, aby se nijak neprala se scriptem? A jak script nastavit, aby se zobrazoval na celou stránku mimo rámec iframe?

Díky za jakoukoli odpověď :)
CZechBoY
Profil
Ahoj,
pošli odkaz na tvou stránku a já se na to mrknu.
Bez kódu se toho moc dělat nedá.
crasher
Profil
Stáhl jsem si tento lytebox http://lytebox.com/
Vše jsem se snažil rozchodit dle manuálu, který je na stránkách ale bohužel.
Nepodařilo se mi rozchodit JS mimo Iframe. Stále se načítá uvnitř rámce a špatně.
Kód hlavní, nadřazené html stránky

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Protect Vlach</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" language="javascript" src="lytebox.js"></script>
<link rel="stylesheet" href="lytebox.css" type="text/css" media="screen" /><link href="css/main.css" rel="stylesheet" type="text/css" />

<style>
body {
    background-color: #c6c7c9;
    background-image: url(images/pozadi6.png);
    background-repeat: repeat;
}
</style>

</head>

<div id="hlavni"> </div>

<div id="obsah"><a href="index.html"><img src="images/Emptybutton.png" width="709" height="102" border="none"/></a></div>
<div id="texty">
<iframe name="texty" src="vitejte.html" width="625" height="850" frameborder="0"></iframe>
</div>

A zde je kód html stránky, kterou načítám do Iframe. Pokud si spustím náhled jen této html stránky, tak JS funguje.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Dalsi</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" language="javascript" src="lytebox.js"></script>
<link rel="stylesheet" href="lytebox.css" type="text/css" media="screen" /><link rel="stylesheet" href="CSS/dalsi.css" />
    </head>
<style>
</style>
<body>
<div id="dalsi">
  <p class="nadpis">VLASTNÍ ŠICÍ DÍLNA + POTISK A VÝŠIVKY NA ZBOŽÍ U NÁS ZAKOUPENÉ:<br />
<a href="images/fotky prodejna/dilna1.jpg" class="lytebox" data-lyte-options="group:vacation" data-title="Mom and Dad"><img src="images/fotky prodejna/dilna1s.jpg"></a>
</p>
  <p class="nadpis">&nbsp;&nbsp; </p>
  <p class="nadpis">&nbsp;&nbsp;Zakázkové šití do kuchyní a zdravotnických zařízení<br />
    Zboží zasíláme i na dobírku!</p>

</div>
</body>
</html>

Všiml jsem si, že dotaz na toto téma tu už několikrát padl. Nicméně, odpovědi na tento problém se trochu liší.
Každý by poradil trochu jinak, můžete mi prosím také poradit?
crasher
Profil
Tak už jsem přišel na jeden z problémů... je to google chrome, který mi správně JS nezobrazuje. Nicméně v mozille vše chodí!!
Nevíte co mám napsat do kódu, abych ho optimalizoval i pro chrome?

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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