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

👀 Prodám satirickou, fanouškovskou FB stránku obrovským potenciálem 🔥

1 000 Kč

0 příhozů

✅ Prodám rozpracovaný projekt na super doméně – Online tržiště PR článků a linků ❗️ WWW.LINKOVIŠTĚ.CZ ❗️

1 000 Kč

0 příhozů

Prodej domény WOODOO.CZ

4 000 Kč

0 příhozů

Prodám doménu VLASOVESTUDIO.COM

2 000 Kč

0 příhozů

Prodám doménu PRASAK.CZ

2 000 Kč

0 příhozů

Poptávky Více

Web scraping / Tvorba procesů v UI Path

Hledám grafika

Jednorázový export faktur z Abra Flexi do Pohody

WordPress odvirování

UI/UX Dizajnér NEEDED!

Pracovní nabídky Více

𝗧𝗲𝘀𝘁 𝗠𝗮𝗻𝗮𝗴𝗲𝗿

Práce z domu, Praha

Pětičlenný tým vývojářů na technologie .NET & React

Hledáme externí grafičku/grafika pro rodinnou firmu MycoMedica.cz

Hradec Králové

Hledáme medior Projektového manažera(ku)/koordinátora(ku)

Práce z domu, Praha

80 000 - 115 000 Kč

Front-end developer/ka / Kodér/ka

Práce z domu, Praha

Nabídky Více

PPC 👨🏻‍💻 | Facebook + Google Ads | ZÁRUKA VRÁCENÍ PENĚZ | 5+ let praxe ✅

LEVNÁ TVORBA WORDPRESS WEBŮ | E-SHOP | SEO | PPC

Nabízím službu manuálního testera vaší stránky,

Kodérské a frontenďácké práce (HTML5,CSS3,jQuery,etc etc)

VEDENÍ ÚČETNICTVÍ A DAŇOVÉ EVIDENCE; ZPRACOVÁNÍ MEZD; ÚČETNÍ KONZULTACE A PORADENSTVÍ