Autor Zpráva
TomasRe
Profil
Zdravím, mohl by jste mi prosím někdo poradit s javascriptem (vůbec neovládám). Na webu, kde je dvousloupcový layout je v levém sloupci banner, který by měl pomoci jquery sjet dolů při rolování stránky. To i funguje, ale pouze do určité výšky, pak se zastaví. Příklad takového banneru je na novinky.cz, tam se ale zastaví záměrně.
MateK
Profil
TomasRe:
Zdravím, veľmi by nám pomohlo ak by si nám tu skopíroval tvoj script, prípadne HTML kód.
lionel messi
Profil
MateK:
Zdravím, veľmi by nám pomohlo ak by si nám tu skopíroval tvoj script, prípadne HTML kód.
A ešte viac by pomohol odkaz na živú ukážku.
TomasRe
Profil
MateK:
Zkusil jsem to tedy nějak zredukovat (scripty jsou stažené a nijak neupravené)

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/ui.core.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/jquery.scroll-follow.js"></script>
<script type="text/javascript">
           $( document ).ready( function ()
            {
                $( '#posun' ).scrollFollow(
                    {
                        speed: 1000,
                        offset: 20,
                        killSwitch: 'exampleLink',
                        onText: 'Disable Follow',
                        offText: 'Enable Follow'
                    }
                );
            }
        );
</script>

</head>
<body>
<div align="center">
    <p>hlavicka</p>
</div>
<div align="center">
    <div id="main">    // width, height
        <div id="leva">  // width;height:auto;float:left;
            <p>menu</p>
            <div id="posun"> // position:relative;
                <div id="banner"> // margin-top:40px;
                    <p>img banner</p> // tento banner se posouvá
                </div>
            </div>
         </div>
        <div id="prava">  // width;height:auto;float:right;
            <div id="obsah">  // width
                   <div id="stranka">  // margin, padding
                    <p>obsah stránky</p>
                  </div>
            </div>
        </div>
    </div>
    <div id="clear">
    </div>
</div>
<div align="center">
    <div id="paticka">
        <p>paticka</p>
    </div>
</div>
</body>
</html>



Ještě přikládám živou ukázku: http://kod.djpw.cz/kyib
Marschmallow
Profil
TomasRe:
Koukni na Jak vytvořit fixovaný banner?.
TomasRe
Profil
Marschmallow:
To určitě zkusím. Děkuju.

Už jsem to vyzkoušel a tam je bohužel problém s pozicováním.
TomasRe
Profil
Vyřešil jsem to tedy stylem position:fixed;. Sice to není přesně ono, ale účel to splní... Navíc jquery se pere se scriptem lightbox. Pokud někdo budete mít ještě nějaké elegantní řešení, budu jedině rád. Děkuji.

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:

Odkud se sem odkazuje


Prosím používejte diakritiku a interpunkci.

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