Autor Zpráva
Vitality77
Profil *
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>
Javascript:
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);
        }
      }
  }
Vím, že je to dost složité a v podstatě nepoužitelné proto hledám kdo by měl lepší nápad :)
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ší.

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: