Jednoduche posuvanie obrazkov hore-dole cez jquery

Ahojte, chcel by som spravit take uplne jednoduche posuvanie obrazkov hore-dole cez jquery, ale som dost bezradny. ;-(( Mam vela obrazkov: <img src="images/obrazok1.jpg"/> <img src="images/obrazok2.jpg"/> <img src="images/obrazok3.jpg"/> <img src="images/obrazok4.jpg"/> <img src="images/obrazok5.jpg"/> <img src="images/obrazok6.jpg"/> <img src="images/obrazok7.jpg"/> <img src="images/obrazok8.jpg"/> <img src="images/obrazok9.jpg"/> <img src="images/obrazok10.jpg"/> <img src="images/obrazok11.jpg"/> <img src="images/obrazok12.jpg"/> a potom mam dva posuvatka: <a href="#" id="hore">hore</a> <a href="#" id="dole">dole</a> a chcem: - mat na zaciatku zobrazene len 4 fotky - ked kliknem na tlacidlo "dole", tak sa mi zjavia nove 4 fotky v poradi (tie prve 4 zmiznu, teda stale budu zobrazene iba 4 fotky) - a takto to bude fungovat hore - dole, s tym, ze ked uz nebudu ziadne fotky v poradi tlacidlo "dole" zmizne, a takisto na zaciatku tam nebude tlacidlo "hore" Poradili by ste mi prosim niekto? Vopred dakujem velmi pekne.

JS: http://www.mkadvertising.sk/sites/all/modules/galeria/galeria.jsVysledok: http://www.mkadvertising.sk/sk/produkt/vyrezavana-a-plotrovana-reklama(Drupal.behaviors.galeria.attach je ekvivalent document ready)

Napsal node;944711

JS: http://www.mkadvertising.sk/sites/all/modules/galeria/galeria.js

Vysledok: http://www.mkadvertising.sk/sk/produkt/vyrezavana-a-plotrovana-reklama

(Drupal.behaviors.galeria.attach je ekvivalent document ready)

Dakujem, ale nefunguje mi to. ;-(((Mam:<div id="galleries"> <div class="item-list"> <ul class="gallery"> <li class="first"><a href="http://www.mkadvertising.sk/sites/default/files/images/gallery/2/p16lh3rbbm10ujbt18li1sir1egs9.jpg" rel="lightbox" class="lightbox"><img src="http://www.mkadvertising.sk/sites/default/files/styles/gallery/public/images/gallery/2/p16lh3rbbm10ujbt18li1sir1egs9.jpg" width="140" height="100" alt="" /><div class="gal-zoom"></div></a></li> <li><a href="http://www.mkadvertising.sk/sites/default/files/images/gallery/2/p17i5ks31khpfiqfc5s5jsprt6.jpg" rel="lightbox" class="lightbox"><img src="http://www.mkadvertising.sk/sites/default/files/styles/gallery/public/images/gallery/2/p17i5ks31khpfiqfc5s5jsprt6.jpg" width="140" height="100" alt="" /><div class="gal-zoom"></div></a></li> <li><a href="http://www.mkadvertising.sk/sites/default/files/images/gallery/2/p17i5ks31kams12h5sc04ov16505.jpg" rel="lightbox" class="lightbox"><img src="http://www.mkadvertising.sk/sites/default/files/styles/gallery/public/images/gallery/2/p17i5ks31kams12h5sc04ov16505.jpg" width="140" height="100" alt="" /><div class="gal-zoom"></div></a></li> <li><a href="http://www.mkadvertising.sk/sites/default/files/images/gallery/2/p16lh3rbbl6h1j2b18k91p50dht6.jpg" rel="lightbox" class="lightbox"><img src="http://www.mkadvertising.sk/sites/default/files/styles/gallery/public/images/gallery/2/p16lh3rbbl6h1j2b18k91p50dht6.jpg" width="140" height="100" alt="" /><div class="gal-zoom"></div></a></li> <li><a href="http://www.mkadvertising.sk/sites/default/files/images/gallery/2/p16lh3rbbl14g4kvs12ggcn9vpm5.jpg" rel="lightbox" class="lightbox"><img src="http://www.mkadvertising.sk/sites/default/files/styles/gallery/public/images/gallery/2/p16lh3rbbl14g4kvs12ggcn9vpm5.jpg" width="140" height="100" alt="" /><div class="gal-zoom"></div></a></li> <li class="last"><a href="http://www.mkadvertising.sk/sites/default/files/images/gallery/2/p16lh3rbbl9v310781gq31dqn36q8.jpg" rel="lightbox" class="lightbox"><img src="http://www.mkadvertising.sk/sites/default/files/styles/gallery/public/images/gallery/2/p16lh3rbbl9v310781gq31dqn36q8.jpg" width="140" height="100" alt="" /><div class="gal-zoom"></div></a></li> </ul> </div> <div class="item-list"> <ul class="gallery"> <li class="first"><a href="http://www.mkadvertising.sk/sites/default/files/images/gallery/2/p16lh3rbbl1g7611lu9maa6qbch4.jpg" rel="lightbox" class="lightbox"><img src="http://www.mkadvertising.sk/sites/default/files/styles/gallery/public/images/gallery/2/p16lh3rbbl1g7611lu9maa6qbch4.jpg" width="140" height="100" alt="" /><div class="gal-zoom"></div></a></li> <li><a href="http://www.mkadvertising.sk/sites/default/files/images/gallery/2/p16lh3rbblotdmd51pud1n1g1ecs7.jpg" rel="lightbox" class="lightbox"><img src="http://www.mkadvertising.sk/sites/default/files/styles/gallery/public/images/gallery/2/p16lh3rbblotdmd51pud1n1g1ecs7.jpg" width="140" height="100" alt="" /><div class="gal-zoom"></div></a></li> <li><a href="http://www.mkadvertising.sk/sites/default/files/images/gallery/2/p16mdl4pudm92sjv1cqs3i1jfv4.jpg" rel="lightbox" class="lightbox"><img src="http://www.mkadvertising.sk/sites/default/files/styles/gallery/public/images/gallery/2/p16mdl4pudm92sjv1cqs3i1jfv4.jpg" width="140" height="100" alt="" /><div class="gal-zoom"></div></a></li> <li class="last"><a href="http://www.mkadvertising.sk/sites/default/files/images/gallery/2/p17i5ks31klan32o1rgc1iqm1nar4.jpg" rel="lightbox" class="lightbox"><img src="http://www.mkadvertising.sk/sites/default/files/styles/gallery/public/images/gallery/2/p17i5ks31klan32o1rgc1iqm1nar4.jpg" width="140" height="100" alt="" /><div class="gal-zoom"></div></a></li> </ul> </div> </div> a <script> (function ($) { // Animuje fotografie v galerii function animate_gallery(gallery) { var t = 200; $(gallery).find('li').each(function(i) { $(this).delay(t).fadeIn('slow'); t += 200; }); } $(document).ready(function(context, settings) { var galleries = $('#galleries div.item-list'); // Navigacia galleries.each(function(i, e) { if (i === 0) { // First if (galleries.length > 1) { $(e).find('ul.gallery').after('<div class="gallery-nav"><a href="#" gal="'+ (i+1) +'" class="gal-next"></a></div>'); } } else { // In between if (i < (galleries.length - 1)) { $(e).find('ul.gallery').after('<div class="gallery-nav"><a href="#" gal="'+ (i-1) +'" class="gal-prev"></a><a href="#" gal="'+ (i+1) +'" class="gal-next"></a></div>'); } // Last if (i == (galleries.length - 1)) { $(e).find('ul.gallery').after('<div class="gallery-nav"><a href="#" gal="'+ (i-1) +'" class="gal-prev"></a></div>'); } } }); // Nabinduje pager funkcionalitu $('.gallery-nav a').click(function() { var galleries = $('#galleries div.item-list'); var id = $(this).attr('gal'); galleries.hide(); galleries.eq(id).show().find('li').hide(); animate_gallery(galleries.eq(id)); }); // Skryje vsetky galerie(ak su) okrem prvej galleries.hide(); galleries.eq(0).show(); }; })(jQuery); </script>Kde by mohla byt chyba? A neda sa to spravit, tak aby som tie "stvorice" fotiek NEmusel obalovat do samostatneho divu?Vopred dakujem velmi pekne.Poznamka: uz mi to ide, boli tak chyby v syntaxe, web developer pomohol.Mozno este len vyriesit to, aby som tu nemusel obalovat do divov?