[HTML][JavaScript]Zagnieżdżenie galerii w tabelce, jak? Opcje

[kamil9012]

Jak mogę wrzucić taką galerię http://jquerytools.org/demos/scrollable/gallery.htm w jedną z 3 części takiej tabelki: http://jquerytools.org/demos/tabs/index.htm ?


Tabelka osobno i galeria osobno działają mi, ale w momencie kiedy wrzucam kod galerii między divy jednej z 3 części tabelki galeria przestaje działać. Przeczuwam, że to coś z javascript :/


Proszę o rady i z góry dzięki.

[krispak]

Zapewne masz konflikt bibliotek jquery. Poczytaj o jQuery.noConflict() na tej stronie i zastosuj sie do tego, a bedzie dzialac.

Pozdrawiam

Ten post edytował krispak 5.05.2012, 00:43:09

[kamil9012]

Poczytałem i z takiego kodu:

[PHP] pobierz, plaintext 
<script type="text/javascript">
 
  $(function() {
    // setup ul.tabs to work as tabs for each div directly under div.panes
    $("ul.tabs").tabs("div.panes > div");
});
 
 
 $(function() {
$(".scrollable").scrollable();
 
$(".items img").click(function() {
	// see if same thumb is being clicked
	if ($(this).hasClass("active")) { return; }
 
	// calclulate large image's URL based on the thumbnail URL (flickr specific)
	var url = $(this).attr("src").replace("thumbs", "images");
 
	// get handle to element that wraps the image and make it semi-transparent
	var wrap = $("#image_wrap").fadeTo("medium", 0.5);
 
	// the large image from www.flickr.com
	var img = new Image();
 
 
	// call this function after it's loaded
	img.onload = function() {
 
		// make wrapper fully visible
		wrap.fadeTo("fast", 1);
 
		// change the image
		wrap.find("img").attr("src", url);
 
	};
 
	// begin loading the image from www.flickr.com
	img.src = url;
 
	// activate item
	$(".items img").removeClass("active");
	$(this).addClass("active");
 
// when page loads simulate a "click" on the first image
}).filter(":first").click();
});
 
 
 
 
 
</script>
[PHP] pobierz, plaintext 

zrobiłem tak:

[PHP] pobierz, plaintext 
<script type="text/javascript">
$.noConflict();
  jQuery(document).ready(function($) {
 
 
  $(function() {
    // setup ul.tabs to work as tabs for each div directly under div.panes
    $("ul.tabs").tabs("div.panes > div");
});
 
 
 });
 
 
 $(function() {
$(".scrollable").scrollable();
 
$(".items img").click(function() {
	// see if same thumb is being clicked
	if ($(this).hasClass("active")) { return; }
 
	// calclulate large image's URL based on the thumbnail URL (flickr specific)
	var url = $(this).attr("src").replace("thumbs", "images");
 
	// get handle to element that wraps the image and make it semi-transparent
	var wrap = $("#image_wrap").fadeTo("medium", 0.5);
 
	// the large image from www.flickr.com
	var img = new Image();
 
 
	// call this function after it's loaded
	img.onload = function() {
 
		// make wrapper fully visible
		wrap.fadeTo("fast", 1);
 
		// change the image
		wrap.find("img").attr("src", url);
 
	};
 
	// begin loading the image from www.flickr.com
	img.src = url;
 
	// activate item
	$(".items img").removeClass("active");
	$(this).addClass("active");
 
// when page loads simulate a "click" on the first image
}).filter(":first").click();
});
 
 
 
 
 
</script>
[PHP] pobierz, plaintext 

Niestety problem cały czas jest. Problem dotyczy tej strony

[HTML] pobierz, plaintext 
http://wiki.zarabianie24.net/florystyka_slubna.php
[HTML] pobierz, plaintext 

[krispak]

Na szybko zrobione z malymi modyfikacjami... Prosze zerknac. Wystarczy ostylowac w csspod swoja strone i wszystko ladnie dziala.

Pozdrawiam

[kamil9012]

dzięki, super działa teraz muszę pobawić się z selektorami bo każde tab 1, tab 2, tab 3 to osobne galerie będą.