<?php // even voor de kleurtjes
function onAfter()
	{
		var source	=	new Array();
		source		=	(this.src).split("/");
		
		var path	=	source[0] + "/" + source[1] + "/" + source[2] + "/" + source[3] + "/" + source[4] + "/" + source[5];
		var map		=	source[6];
		var file	=	source[7];
		var original=	path + '/originals/' + file;
		
		$('#desc').hide().html('<a href="' + original + '" class="thickbox"><img src="' + original + '" alt="" /></a>')
			.append('<h1>' + this.title + '</h1>')
			.append('<p>' + this.alt + '</p>')
			.fadeOut('slow').fadeIn('slow')
	}
$(function() {
    $('#slides').show();
	
    $('#slideshow').hover(
        function() 	{ 	$('#controls').slideToggle(); $('#slides').cycle('pause'); },
        function() 	{ 	$('#controls').slideToggle(); $('#slides').cycle('resume'); }
    );
    
    $('#slides').cycle({
        fx:     'scrollVert',
        speed:   1000,
        timeout: 6000,
        next:   '#next',
        prev:   '#prev',
		before:	function(){ $('#title').html(this.title); },
		after:	onAfter
    });
	
});
// en weer uit ?>


Deze functie wordt aangeroepen vanuit een slideshow die werkt met de cycle plugin van jquery. Alleen wordt natuurlijk de class niet herkent omdat dit element pas gecreƫerd wordt op een moment dat de thickbox functie als is geladen. Op de een of andere manier moet ik het nieuwe element dan dus de class thickbox laten toewijzen alleen heb ik geen idee hoe dat moet. addClass werkt niet bij een click op $('#desc a')...

Iemand een idee?

Reageren