| Autor | Zpráva | ||
|---|---|---|---|
| Vitality77 Profil * |
#1 · Zasláno: 30. 10. 2013, 20:21:39 · Upravil/a: Moderátor (editace znemožněna) 30. 10. 2013, 21:24:43
Dobrý den,
Chtěl bych poprosil o radu zkušenějších. Myslím si, že to je určitě práce na minutku pokud člověk ví jak na to:) Otázka je taková. Jak jednoduše vytvořím tak zvaný "carousel" dá se říct slider nějakého obsahu, at už odstavců jako <p> nebo obrázku nebo divu atd. Nějaký uplně jednoduchý kod který by se dal upravit následně na všechno? Zkoušel jsem vymyslet něco svým selským rozumem, moc se mi to nepovedlo.. Ale z 70% to funguje dobře, až na to že kdyby přibyl další odstavec tak je to všechno k ničemu :D Kod je následující: HTML: <article class="contentbox-wrapper">
<div id="about" class="contentbox">
<h3>About</h3>
<p>Další měsíce se dávky SeptiCleanu a Urychlovače postupně snižují a to na 1/3 ze zaváděcí dávky, pak 1pol. lžíce až 1 lžička měsíčně. Tekutina z takto pravidelně ošetřované žumpy nebo septiku je bez zápachu, prosta veškeré husté organické hmoty, včetně toal.</p>
</div>
<div id="work" class="contentbox">
<h3>work</h3>
<p>Další měsíce se dávky...</p>
</div>
<div id="nevim" class="contentbox">
<h3>nevim</h3>
<p>Další měsíce se dávky...</p>
</div>
</article>function next(){
event.preventDefault();
//$(".contentbox-wrapper").animate({"left": -($(".contentbox").next().position().left)}, 600);
pozice=$(".contentbox-wrapper").position().left;
if(pozice==0)
{
$(".contentbox-wrapper").animate({"left": -($(".contentbox").next().position().left)}, 600);
}
else{
nasobek=pozice/960;
if(nasobek==-1){
$(".contentbox-wrapper").animate({"left": -($(".contentbox").next().next().position().left)}, 600);
}
}
}
function prev(){
event.preventDefault();
pozice=$(".contentbox-wrapper").position().left;
if(pozice==0)
{
$(".contentbox-wrapper").animate({"left": -($(".contentbox").next().position().left)}, 600);
}
else{
nasobek=pozice/960;
if(nasobek==-1){
$(".contentbox-wrapper").animate({"left": -($(".contentbox").position().left)}, 600);
}
if(nasobek==-2){
$(".contentbox-wrapper").animate({"left": -($(".contentbox").next().position().left)}, 600);
}
}
}Potřeboval bych aby to fungovalo tím stylem, že bude jeden hlavní div třeba <div class="content"> a v něm obrázky nebo odstavce nebo třeba další div na které by to fungovalo </div>. Díky moc za rady předem Moderátor Petr ZZZ: Odmazáno osminásobné opakování odstavce o dalších měsících se SeptiCleanem. — Titulek „Jak na upně jednoduchý Jquery carousel“ byl odfláklý. Příště zkus prosím vymyslet lepší.
|
||
|
Časová prodleva: 12 let
|
|||
0