Autor Zpráva
SirDoxik
Profil
Dobrý den, dneska jsem se pustil do skoumání JQuary a rozhodl jsem se udělat jednoduchý slider ( s pomocí internetu ). Bez grafiky fungoval ale jak jsem ho zacal stylovat přestaly fungovat tlačítka. Živá ukázka mayle.doxik.eu CSS
#slider-wrapper {
width: 1024px;
display: block;
position: relative;
margin-left: auto;
margin-right: auto;
height: 500px;
}
#slider {
width: 1024px;
display: block;
position: relative;
margin-left: auto;
margin-right: auto;
height: 500px;
}
#button-previous {
background-image: url("images/zpet.png");
width: 72px;
height: 157px;
display: block;
position: absolute;
z-index: 100;
top: 180px;
}
HTML / JQUARY
        <div class="slider">
        <div id="slider-wrapper">
        <div id="slider">
            <div class="sp" style="background: blue; width: 100%; height: 500px ;display: block; position: relative; margin: 0; z-index: 99;"">akjdfalfkdj</div>
            <div class="sp" style="background: yellow; width: 100%; height: 500px ;display: block; position: relative; margin: 0; z-index: 99;">akjdfautlfkdkjkhkj</div>
            <div class="sp" style="background: green; width: 100%; height: 500px ;display: block; position: relative; margin: 0; z-index: 99;" >akjdfalfkdiyukjkhkj</div>
            <div class="sp" style="background: red; width: 100%; height: 500px ;display: block; position: relative; margin: 0; z-index: 99;">akjdfalfkdkkljjkhkj</div>
        </div>
            <div id="button-previous">.</div>
            <div id="button-next"></div>
        </div>
        <script>
        $("#slider > div:gt(0)").hide();
$("#button-next").click(function () {
    $("#slider > div:first")
        .fadeOut(1000)
        .next()
        .fadeIn(1000)
        .appendTo("#slider");
});

$("#slider > div:gt(0)").hide();
$("#button-previous").click(function () {
    $("#slider > div:last")
        .fadeOut(1000)
        .next()
        .fadeIn(1000)
        .appendTo("#slider");
});
        </script>



Dodávám že JQUARY a opravdu neumím a s JAVASCRIPTEM na tom nejsem líp .. :(

Moderátor Joker: Odmazal jsem POMOC PROSÍM z titulku. Viz upozornění nad políčkem pro titulek, titulky jako „Pomoc!“ jsou k ničemu.
mimochodec
Profil
Nebylo by rychlejší stáhnout si nějaký example, než v tomhle hledat chybu?
SirDoxik
Profil
ono tohle funguje :D ale já sem něco zmotal :/ abych se lépe vyjádřil .. Dělám web strejdovi a chtěl sem tam dát takovou velkou hezkou animaci jenže měla okolo 20MB a ta stránka se načítala hrozně dlouho tak mě napadlo tam dát image slider a tehle je přesně ten co potrbuji
Fisir
Profil
Reaguji na SirDoxika:
ono tohle funguje
Ne, evidentně nefunguje. Pošli nám prosím původní kód (ještě předtím, než jsi ho upravil) a popiš, co chceš změnit. Poradíme ti, jak na to.

A nějaký mmoderátor by mohl odmazat z názvu vlákna toho prosíka, prosím.
SirDoxik
Profil
tady to máte: http://jsfiddle.net/HsEne/12/ ale je to vážně stručný kód s barvami.


jinak potřebuji změnit no.. když kliknu na šipku poprvé tak se to posune i s "animací" ale podruhé se začnou ty obrázky skládat pod sebe :/

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: