Skocz do zawartości

Problem z bibliotekami jQuery.


annaja

Rekomendowane odpowiedzi

Witam, proszę o pomoc...

mam problem z bibliotekami jQuery. Na stronie mam zainstalowany Nivo Slider i menu ze strony apycom.com. Oba elementy korzystają z biblioteki jquery-1.4.3.min.js i działają całkowicie poprawnie. Teraz chciałam dodać lightbox'a (https://leandrovieira.com/projects/jquery/lightbox/) który też korzysta z biblioteki jQuery ale w wersji jquery-1.2.3.js.

Problem w tym że slider i menu nie chcą pracować z wersją 1.2.3 a lightbox z wersją 1.4.3.

Co można zrobić aby wszystko zadziałało?

	<head>

	<link href="lib/styles.css" rel="stylesheet" type="text/css" media="screen" />
	<link rel="stylesheet" href="lib/nivo-slider.css" type="text/css" media="screen" />
	<link type="text/css" href="lib/menu.css" rel="stylesheet" />
	<link rel="stylesheet" type="text/css" href="lib/jquery.lightbox-0.5.css" media="screen" />


	<script type="text/javascript" src="lib/jquery-"1.4.3 lub 1.2.3".js"></script>


	<script type="text/javascript" src="lib/menu.js"></script>		

	<script type="text/javascript" src="lib/jquery.nivo.slider.pack.js"></script>
	<script type="text/javascript">
	$(window).load(function() {
		$('#slider').nivoSlider();
	});
	</script>

	<script type="text/javascript" src="lib/jquery.lightbox-0.5.min.js"></script>
	<script type="text/javascript">
	$(function() {
		$('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel
		$('#gallery a').lightBox(); // Select all links in object with gallery ID
		$('a.lightbox').lightBox(); // Select all links with lightbox class
		$('a').lightBox(); // Select all links in the page
	});
	</script>

</head>

Łopatologicznie proszę;)

PS: zdaję sobie sprawę, że mój problem może być trywialny ale jednak, z powodu braku doświadczenia mnie przerósł :) proszę za głośno nie szydzić:D

Sorrki jeśli problem był już gdzieś wcześniej poruszany.

Odnośnik do komentarza
Udostępnij na innych stronach

Dzięki sorrow za link. Troch mi to rozjaśniło sprawę z noConflict ale nadal nie mogę tego wkleić w swój kod tak aby wszystko działało jednocześnie.

To jest dla mnie jasne

<script type="text/javascript">
var jQuery_1_3_2 = $.noConflict(true);
</script>

ale z tym gorzej

Then, instead of $('#selector').function();, you'd do jQuery_1_3_2('#selector').function(); or jQuery_1_1_3('#selector').function();.

czy mam to rozumieć, że w plikach pluginów mam zamienić każdy $ na nazwę biblioteki jQuery?

Czy mogę prosić Cię o podpowiedź jak ma wyglądać mój kod?

Pozdrawiam

Odnośnik do komentarza
Udostępnij na innych stronach

Zawsze możesz spróbować np. prettyPhoto. Działa i wygląda lepiej, a w użyciu to praktycznie to samo.

https://www.no-margin-for-errors.com/projec...lightbox-clone/

Może być też np. Fancybox

https://fancybox.net/

Moim zdaniem nie ma sensu bawić się w doprowadzanie starego Lightboxa do stanu używalności bo z każdą kolejną wersją jQ mogą być coraz większe problemy.

Odnośnik do komentarza
Udostępnij na innych stronach

Zawsze możesz spróbować np. prettyPhoto. Działa i wygląda lepiej, a w użyciu to praktycznie to samo.

https://www.no-margin-for-errors.com/projec...lightbox-clone/

Może być też np. Fancybox

https://fancybox.net/

Moim zdaniem nie ma sensu bawić się w doprowadzanie starego Lightboxa do stanu używalności bo z każdą kolejną wersją jQ mogą być coraz większe problemy.

Wielkie dzięki za te linki, właśnie takich galerii szukałam. Spróbuję to uruchomić a jak będę mieć problemy to na pewno się odezwę;P:D

Odnośnik do komentarza
Udostępnij na innych stronach

PrettyPhoto okazał się najlepszym rozwiązaniem. Wprawdzie też korzysta z biblioteki jQuery ale okazało się, że i slider, i menu działają z nią w pełni poprawnie.

Bardzo Ci dziękuję ;)

ale CSS w PrettyPhoto to istny koszmar ;)

Pozdrawiam

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności