jQuery asi loop "fajkt nevim jak to pojmenovat"

fikotek

Ahojte,

resim takovou vec. Mam obrazky zabalene kazdy zvlast v divu. Mam tlacitka leve a prave. A ted kdyz kliknu na tlacitko potrebuju aby se obsahy tech divu posunuli jak kdyby o jedno nahoru.
Coz znamena ze obrazek ktery byl v prvnim divu bude v poslednim, posledni bude v predposlednim,...atd a kdyz kliknu na druhe tlacitko tak to pujde zas obracene.

To moje jQuery je urcite nesmysl ale asi tusite ceho chci dosahnout ze?

Kód: Vybrať všetko

<div id="lookbook_gallery" class="container">
		<div class="four columns item z">
			<a href="/lookbook/w-linie-sport/TEST-02"><img src="/userfiles/fotogalerie/35/eb_v-12.jpg" alt="" /></a>
		</div>
		<div class="four columns item z">
			<a href="/lookbook/w-linie-sport/sdfg s"><img src="/userfiles/fotogalerie/37/eb_v-48.jpg" alt="" /></a>
		</div>
		<div class="four columns item z">
			<a href="/lookbook/w-linie-sport/M290067"><img src="/userfiles/fotogalerie/22/eb_v-8.jpg" alt="" /></a>
		</div>
		<div class="four columns item z">
			<a href="/lookbook/w-linie-sport/TEST-03"><img src="/userfiles/fotogalerie/36/eb_v-2.jpg" alt="" /></a>
		</div>
		<div class="four columns item z">
			<a href="/lookbook/w-linie-sport/TEST01"><img src="/userfiles/fotogalerie/33/eb_v-40.jpg" alt="" /></a>
		</div>
		<div class="four columns item z">
			<a href="/lookbook/w-linie-sport/t001"><img src="/userfiles/fotogalerie/31/eb_v-27.jpg" alt="" /></a>
		</div>
		<div class="four columns item z">
			<a href="/lookbook/w-linie-sport/Sport-Z25"><img src="/userfiles/fotogalerie/28/eb_v-26.jpg" alt="" /></a>
		</div>
		<div class="four columns item z">
			<a href="/lookbook/w-linie-sport/XB01"><img src="/userfiles/fotogalerie/19/eb_v-8.jpg" alt="" /></a>
		</div>
</div>

Kód: Vybrať všetko

<script type="text/javascript">
    $(document).ready(function(){

      $('#levy').click(function(){
        $('#lookbook_gallery .z').each(function(){
            var obsah = $(this).html();
            $(this).prev().html(obsah);
        });
      });

    });
</script>

sharky-no

staci ti natvrdo vymenit poradie? bez ziadnych efektov a pod?

ak ano tak potrebujes k tomu metody clone(), append(), prepend() a selector :first-child ... s tym by si to mal vsetko zvladnut

p.s.: pouzivas dost casto jquery, preco sa ti tak tazko uci? v tejto dobe je na nete plna rit tutorialov, staci investovat troska penazi (9-15$ mesacne) a mas neobmedzeny pristup k roznym obsahom, nie len jquery.. napr. tento kurz by ti dal urcite vela, nie len z toho co vsetko s jquery mozes robit, ale nejake good practice pri strukturovani js kodu http://code.tutsplus.com/courses/30-day ... arn-jquery

fikotek

Tak jsem to zkusil jeste jinak:
na classy nehled

delal jsem to jeste driv nez sem si precetl tvuj prispevek. Akorat je problem ze mezi obrazky a #lookbook_gallery mam jeste jeden div a ten append a prepend mi to haze dovnitr toho divu. Ale citim ze jsem blizko. jQuery moc casto nepouzivam. A je fakt uci se mi to dost blbe

super by bylo kdyby mi to nekdo vysvetlil z oci do oci a venoval se mi aspon chvili denne. S html a css sem takovy problem nemel.

Kód: Vybrať všetko

<script type="text/javascript">
    $(document).ready(function(){

      $('#levy').click(function(){
        var el = $('#lookbook_gallery .zet:first').remove();
        $("#lookbook_gallery").append(el);
      });

      $('#pravy').click(function(){
        var el = $('#lookbook_gallery .zet:last').remove();
        $("#lookbook_gallery").prepend(el);
      });

    });
</script>

sharky-no

kedze nevidim kde presne je ten div, ktory je tam navyse, tak neviem presne ako ti pomoct, ale metody before() resp. after() by to mali zvladnut

fikotek

Vypada to takhle:

Zkusil jsem ted jeste insertBefore() ale asi to nefunguje ?

sharky-no

toto funguje?

( som chory v posteli, nechce sa mi rozmyslat )

Kód: Vybrať všetko

<script type="text/javascript">
    $(document).ready(function(){

      $('#levy').click(function(){
        var el = $('#lookbook_gallery .zet:first').remove();
        $("#lookbook_gallery").append(el);
      });

      $('#pravy').click(function(){
        var el = $('#lookbook_gallery .zet:last').remove();
        $("#lookbook_gallery #tom").after(el);
      });

    });
</script>

fikotek

YEAH uz to funguje

opet nezbyva nez ti moc a moc podekovat. Nemocny v posteli a takhle drtit jQuery. Zasnu. Tak dekuju a brzy se uzdrav.

jQuery asi loop "fajkt nevim jak to pojmenovat"

jQuery asi loop "fajkt nevim jak to pojmenovat"

Re: jQuery asi loop "fajkt nevim jak to pojmenovat"

Re: jQuery asi loop "fajkt nevim jak to pojmenovat"

Re: jQuery asi loop "fajkt nevim jak to pojmenovat"

Re: jQuery asi loop "fajkt nevim jak to pojmenovat"

Re: jQuery asi loop "fajkt nevim jak to pojmenovat"

Re: jQuery asi loop "fajkt nevim jak to pojmenovat"