Autor Zpráva
blast3r
Profil
Ahojte,

JS je pre mňa španielska dedina.

Mám spravenú obrázkovú prezentáciu(7 sekúnd slide) podľa tohto skriptu,

Funguje to ako má, avšak keď má človek pomalé pripojenie, tak to dosť deformuje stránku, kým sa to načíta

Živá ukážka

Kód:
<script type="text/javascript" src="js/jquery.animated.innerfade.js"></script>

    <script type="text/javascript">

        $(document).ready(

        function () {

            $('ul#animated-slideshow').animatedinnerfade({

                speed: 1500,

                timeout: 7000,

                type: 'random',

                containerheight: '300px',

                containerwidth: '800px',

                animationSpeed: 5000,

                animationtype: 'fade',

                bgFrame: 'none',

                controlBox: 'none',

                displayTitle: 'none'

            });

    });

    </script>
<div style="width:800px;height:300px;">

          <ul id="animated-slideshow">

                <li>

                    <a href="page1"><img src="App_Themes/Noir/img/Slide1.jpg" alt="SomeText" title="SomeText" width="800" height="300" /></a>

                </li>

                <li>

                    <a href="page2"><img src="App_Themes/Noir/img/Slide2.jpg" alt="SomeText" title="SomeText" width="800" height="300" /></a>

                </li>

                <li>

                    <a href="page3"><img src="App_Themes/Noir/img/Slide3.jpg" alt="SomeText" title="SomeText" width="800" height="300" /></a>

                </li>    

                <li>

                    <a href="page4"><img src="App_Themes/Noir/img/Slide4.jpg" alt="SomeText" title="SomeText" width="800" height="300" /></a>

                </li>

                <li>

                    <a href="page5"><img src="App_Themes/Noir/img/Slide5.jpg" alt="SomeText" title="SomeText" width="800" height="300" /></a>

                </li>                                    

            </ul>

         </div>     
Skúšal som ju skryť podľa rôznych návodov na JPW, ale vždy mi potom prestala fungovať obrázková prezentácia...

Ako najjednoduchšie skryť obrázkovú prezentáciu, kým nie je načítaná, prípadne tam zobraziť nejaký text(Loading...), kým sa nenačíta?
Ďakujem.
blast3r
Profil
Čakal som, že ma tu niekto aspoň trochu nasmeruje, ako na to, ale nevadí :-)

Už to mám takmer hotové, ale má to jeden háčik:

Hádže mi to error v IE6,IE7,IE8.

Ostatné browsery sú v poriadku.

Chybová konzola ukazuje na jQuery súbor, čo sa mi zdá trochu odveci.

Každopádne živá ukážka,

Zdrojový kód

PS: ta funkcia $('ul#animated-slideshow').animatedinnerfade() odkazuje na druhy subor, ale ten je na 100% v poriadku, ten bol testovaný na IE6.
blast3r
Profil
Konkretne to zlyhava v jquery-1.7.1.js na tomto mieste[IE8]:
_es
Profil
blast3r:
Chybová konzola ukazuje na jQuery súbor, čo sa mi zdá trochu odveci.
To nemusí znamenať, že je chyba v tom súbore, len bol tej funkcii nejako predaný chybný argument - teda bude skutočná chyba asi inde.
Skúsil si si tú stránku pozrieť s vypnutým JS?
blast3r
Profil
Ano, ked je JS vyputy, tak sa nezobrazuje animacia, ale iba staticky obrazok..
_es
Profil
blast3r:
iba staticky obrazok
Teraz, lebo si to upravil, pôvodne boli všetky obrázky pod sebou, tak ako to vyplýva z kódu v [#1].
blast3r
Profil
Je to uz prerobene, ale [#1] mi uz nesiel upravit...

Kazdopadne ked ich necham zobrazene, tak sa v IE8 zobrazia iba 4 a nie 5
blast3r
Profil
Ako ja uz sa na to mozem...

Zabil som s tym cely den, jednoducho pouzivatelia IE6,7,8 budu mat smolu, nebudu mat animaciu, ale staticky obrazok.
Ich chyba, nemaju pouzivat taky browser...

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

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