Funkcja load + uruchomienie galeri przy pomocy load

Funkcja load + uruchomienie galeri przy pomocy load
krzysztof87
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 9
0

Witam napisałem skrypt w js którego zadaniem jest automatyczne ładowanie podstron bez przeładowywania całego serwisu.
Otóż posiadam w nim galerię zdjęć -strony wczytuje idealnie tą galerię też tylko jak ją wczyta to framework Fancybox nie spełnia swoich funkcji nie ładuje mi zdjęć (miniaturki są widoczne ale po kliknięciu nie nie chcą się powiększać) i chciałbym żeby po wczytaniu poprzez load() (razem z biblioteką jq) ta galeria wyświetlała się poprawnie.Nie wiem w czym jest przyczyna. Konflikt jquery??. . .. Może ktoś tutaj mi podpowie co robię żle lub na priv gg:)
Pozdrawiam

Kod odpowiedzialny za ładowanie do div="content" wszystkich treści.

Kopiuj
$(document).ready(function() {
						   
	var hash = window.location.hash.substr(1);
	var href = $('#nav li a').each(function(){
		var href = $(this).attr('href');
		if(hash==href.substr(0,href.length-5)){
			var toLoad = hash+'.html #content';
			$('#content').load(toLoad)
			
		}											
	});

	$('#nav li a').click(function(){
								  
		var toLoad = $(this).attr('href')+' #content';
		$('#content').hide('fast',loadContent);
		$('#load').remove();
		$('#wrapper').append('<span id="load">Loading . . .</span>');
		$('#load').fadeIn('slow');
		window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
		function loadContent() {
			$('#content').load(toLoad,'',showNewContent())
		}
		function showNewContent() {
			$('#content').show('slow',hideLoader());
		}
		function hideLoader() {
			$('#load').fadeOut('normal');
		}
		return false;
		
	});

});
dzek69
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Rzeszów
0

Kiedy przypinasz zdarzenie Fancyboxa - przypinasz je do istniejących elementów. Jeżeli wstawiasz nowe - one nie zareagują już na Fancyboxa. $.load posiada parametr służący za callback - w nim przypnij zdarzenie Fancyboxa do nowych elementów i wszystko będzie grało.

krzysztof87
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 9
0

Dzięki za informację - sprawdzę czy zadziała i czy biblioteki mi się nie pogryzą w tym przypadku :)

krzysztof87
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 9
0

Nie wiem czy dobrze rozumuje ale "Czasem w JavaScript'cie istnieje konieczność przekazania funkcji, która zostanie później wywołana przez cudzy kod (tzw. callback). Funkcja taka ma często przyjmować jakiś parametr, tudzież parametry które zostaną do niej przekazane z obcego kodu." - analizuje to ale z ta funkcją nie maiłem do czynienia :) Co muszę dopisać by to zadziałało?

dzek69
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Rzeszów
krzysztof87
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 9
0
Kopiuj
(function showVehicle(elem){
  elem.fadeIn('slow',function(){
    $(this).next().length && showVehicle($(this).next());
  });
})( $("div.vehicle:first") );

coś takiego znalazłem :D

krzysztof87
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 9
0

Znalazłem coś takiego w sieci - ale nie wiem czy to jest akurat dobre rozwiązanie - proszę o pomoc - http://blog.grzegorzpawlik.com/2010/04/jak-zrobic-callback-w-javascript-minitutorial/

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.