| 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;
} <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 |
#2 · Zasláno: 2. 8. 2014, 16:50:47
Nebylo by rychlejší stáhnout si nějaký example, než v tomhle hledat chybu?
|
||
| SirDoxik Profil |
#3 · Zasláno: 2. 8. 2014, 17:08:29
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 |
#5 · Zasláno: 2. 8. 2014, 18:40:35 · Upravil/a: SirDoxik
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 :/ |
||
|
Časová prodleva: 10 let
|
|||
0