Jednoduche posuvanie obrazkov hore-dole cez jquery

verified

3. 5. 2013 11:58:36

Ahojte,

chcel by som spravit take uplne jednoduche posuvanie obrazkov hore-dole cez jquery, ale som dost bezradny. ;-((

Mam vela obrazkov:

a potom mam dva posuvatka:

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.

3. 5. 2013 11:58:36

https://webtrh.cz/diskuse/jednoduche-posuvanie-obrazkov-hore-dole-cez-jquery/#reply897360

verified

3. 5. 2013 12:38:26

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)

3. 5. 2013 12:38:26

https://webtrh.cz/diskuse/jednoduche-posuvanie-obrazkov-hore-dole-cez-jquery/#reply897359

verified

3. 5. 2013 12:56:45

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?

3. 5. 2013 12:56:45

https://webtrh.cz/diskuse/jednoduche-posuvanie-obrazkov-hore-dole-cez-jquery/#reply897358

Pro odpověď se přihlašte.

Prodej Více

Prodej webu audiny.cz

5 000 Kč

0 příhozů

Adult Inzerce – pro pracující dívky

9 900 Kč

0 příhozů

Kreativní Omalovánky – prodej digitálních produktů

20 000 Kč

0 příhozů

WatchOnlineBuy.com – Váš kompletní online obchod připraven k použití

200 €

0 příhozů

💸 Srovnavač půjček abpujcky.cz

50 000 Kč

0 příhozů

Poptávky Více

Hledám grafika na tvorbu reklamního banneru

Koupím affiliate web, generující příjem

Redesign wordpress webu

Vývojář Flutter na dlouhodobou spolupráci (2 roky +)

Pracovní nabídky Více

VBA, MS Access expert (call on TUESDAY 17. 12., 1000 CZK – 3000 CZK for call)

Brno, České Budějovice, Hradec Králové, Jihlava, Karlovy Vary, Liberec, Olomouc, Opava, Ostrava, Pardubice, Plzeň, Práce z domu, Praha, Ústí nad Labem, Zlín

1 000 - 3 000 Kč

Systémový Administrátor

Software Architect

Hledáme React Native vývojáře na externí spolupráci

Práce z domu, Praha

Python developer

130 000 - 150 000 Kč

Nabídky Více

🔥Programování (Symfony, Node.js, React), Grafika, Soc. Sítě | 350Kč/h

Nabídka na copywriting služby

Inzerce v novinách Nefrit na rok 2025 pro Zlínský kraj

⭐ Akce: napsání 5⭐ pozitivních recenzí pro Vaší firmu/eshop ❗ Pouze za 140Kč/recenze ❗

ŠÉFREDAKTORKA.CZ – Copywriting a obsah na míru