Shadowbox externe html pagina inladen werkt niet

[pum]

wij zijn bezig een project voor school en we lopen tegen het volgende probleem aan. shadowbox werkt niet:

op: http://www.ynvento.nl/probleem/

is de website te bekijken (layout is niet door ons gemaakt )

De bedoeling als je op een afbeelding klikt (in dit geval de eerste afbeelding in de rij van 16) dan moet de pagina die daarna te zien is openen met behulp van shadowbox. Hij opent nu in een andere pagina en niet met shadowbox.

klik je echter op het logo dan werkt shadowbox prima.

Weet iemand waar dit aan kan liggen?

 

[hoogteijling]

Wanneer je op het logo drukt wordt er alleen een plaatje geopend.
Wanneer je op de foto drukt wordt er een complete html pagina geopend incl. allerlei platjes waarvan ik niet weet of dat mogelijk is in een shadowbox.

groeten Marcel

 

[pum]

ik heb het wel lokaal werkend gekregen een complete html pagina inladen maar zodra er javascript bij komt loopt hij ergens vast.
in firebug staat het volgende :

Shadowbox is not defined
Shadowbox.init({

 

[pum]

javascript shadowbox werkt niet v2

ben verder gegaan met het oplossen van het probleem maar het wil nog niet echt lukken. ik post hieronder de code hopelijk komen jullie eruit.

voor degene die de vorige post niet hebben gelezen: Ik probeer een externe html pagina in shadowbox te laden. de afbeeldingen worden opgebouwd middels de volgende code:

op http://www.ynvento.nl/probleem kun je de website bekijken. ook heb ik een link er hard ingezet die linkt naar de externe pagina, en een link die is opgebouwd middels javascript. deze laatste werkt dus niet.

[JS]
function bouwberoepen(data){
displayItems[displayItems.length] = data;
var li = Builder.node('li', {className:'job', id:'job-'+data.jobID,style:'display:none;'},[
//Builder.node('a',{href:data.href , rel:'shadowbox' , width:'960px' , height:'500px'} ,[

//<a rel="shadowbox[Mixed]; width=960; height=565" href="includes/profiel.html" >
Builder.node('a' ,{height:data.height, width:data.width , rel:data.rel , href:data.href} , [
Builder.node('span',{title:data.title, className:'test'},data.title),
Builder.node('img',{src:data.imglink})
]),

]);
$('beroepen').appendChild(li);
$(li).appear({
queue:'end',duration:0.1
});
}[/JS]

de info om de afbeeldingen op te bouwen haalt hij uit een parser :

<?php

	switch ($_POST['task']){
		case "loadJobs":
			returnJobs(); 
		break;
		default:
		break;
	}
	function returnJobs(){
		//haalt beroepen uit de database en stopt ze in een array
		
		$jobs = array(
			array(
				"jobID" => 1,
				"href"=> "includes/profiel.html",
				"rel"=> "shadowbox[mixed];",
				"height"=> 600,
				"width"=> 960,
				"imglink"=>"images/thumbs/Aurora.jpg",
				"title" => "Zorghulp",
				"avond"=> 1,
				"billenvegen"=> 1,
				"thuiswerk"=> 1,
				"HBO"=> 1,
				"MBO"=> 1
				
			),
			
			array(
				"jobID" => 2,
				"href"=> "#",
				"imglink"=>"images/thumbs/Cirques.jpg",
				"title" => "Helpende",
				"avond"=> 1,
				"billenvegen"=> 3,
				"thuiswerk"=> 2,
				"HBO"=> 1,
				"MBO"=> 1
			),
			
			array(
				"jobID" => 3 ,			
				"href"=> "#",
				"imglink"=>"images/thumbs/ClownFish.jpg",
				"title" => "Afdelingsassistent",
				"avond"=> 3,
				"billenvegen"=> 3,
				"thuiswerk"=> 3,
				"HBO"=> 3,
				"MBO"=> 3
			),
			
			array(
				"jobID" => 4 ,			
				"href"=> "#",
				"imglink"=>"images/thumbs/DewDrop.jpg",
				"title" => "Verzorgende Z",
				"avond"=> 1,
				"billenvegen"=> 2,
				"thuiswerk"=> 3,
				"HBO"=> 1,
				"MBO"=> 2
			),
			
			array(
				"jobID" => 5,			
				"href"=> "#",
				"imglink"=>"images/thumbs/Earth.jpg",
				"title" => "Verzorgende T",
				"avond"=> 2,
				"billenvegen"=> 3,
				"thuiswerk"=> 1,
				"HBO"=> 2,
				"MBO"=> 1
			),
			
			array(
				"jobID" => 6,			
				"href"=> "#",
				"imglink"=>"images/thumbs/EarthHorizon.jpg",
				"title" => "Woonbegeleider",
				"avond"=> 1,
				"billenvegen"=> 2,
				"thuiswerk"=> 3,
				"HBO"=> 1,
				"MBO"=> 3
			),
			
			array(
				"jobID" => 7,			
				"href"=> "#",
				"imglink"=>"images/thumbs/EveningReflections.jpg",
				"title" => "Kraamverzorgende",
				"avond"=> 3,
				"billenvegen"=> 2,
				"thuiswerk"=> 1,
				"HBO"=> 3,
				"MBO"=> 1
			),
			
			array(
				"jobID" => 8,			
				"href"=> "#",
				"imglink"=>"images/thumbs/FlowingRock.jpg",
				"title" => "Verpleegkundige",
				"avond"=> 2,
				"billenvegen"=> 1,
				"thuiswerk"=> 3,
				"HBO"=> 3,
				"MBO"=> 1
			),
			
				array(
				"jobID" => 9,
				"href"=> "#",
				"imglink"=>"images/thumbs/GentleRapids.jpg",
				"title" => "Woonbegeleider",
				"avond"=> 1,
				"billenvegen"=> 3,
				"thuiswerk"=> 2,
				"HBO"=> 3,
				"MBO"=> 1
			),
			
				array(
				"jobID" => 10,
				"href"=> "#",
				"imglink"=>"images/thumbs/GoldenPalace.jpg",
				"title" => "Wijkverpleegkundige",
				"avond"=> 1,
				"billenvegen"=> 3,
				"thuiswerk"=> 3,
				"HBO"=> 1,
				"MBO"=> 3
			),
			
				array(
				"jobID" => 11,
				"href"=> "#",
				"imglink"=>"images/thumbs/Horizon.jpg",
				"title" => "Zorgcoördinator",
				"avond"=> 2,
				"billenvegen"=> 3,
				"thuiswerk"=> 2,
				"HBO"=> 1,
				"MBO"=> 3
			),
			
				array(
				"jobID" => 12,
				"href"=> "#",
				"imglink"=>"images/thumbs/Iceberg.jpg",
				"title" => "IC Verpleegkundige",
				"avond"=> 1,
				"billenvegen"=> 3,
				"thuiswerk"=> 2,
				"HBO"=> 1,
				"MBO"=> 3
			),
			
				array(
				"jobID" => 13,
				"href"=> "#",
				"imglink"=>"images/thumbs/Ladybug.jpg",
				"title" => "Psy Verpleegkundige",
				"avond"=> 3,
				"billenvegen"=> 3,
				"thuiswerk"=> 2,
				"HBO"=> 1,
				"MBO"=> 2
			),
			
				array(
				"jobID" => 14,
				"href"=> "#",
				"imglink"=>"images/thumbs/LeopardAurora.jpg",
				"title" => "Kinderverpleegkundige",
				"avond"=> 1,
				"billenvegen"=> 1,
				"thuiswerk"=> 1,
				"HBO"=> 3,
				"MBO"=> 1
			),
			
				array(
				"jobID" => 15,
				"href"=> "#",
				"imglink"=>"images/thumbs/PondReeds.jpg",
				"title" => "OK Assistent",
				"avond"=> 1,
				"billenvegen"=> 1,
				"thuiswerk"=> 1,
				"HBO"=> 1,
				"MBO"=> 1
			),
			
				array(
				"jobID" => 16,
				"href"=> "#",
				"imglink"=>"images/thumbs/RockGarden.jpg",
				"title" => "Vakantiewerker",
				"avond"=> 1,
				"billenvegen"=> 1,
				"thuiswerk"=> 1,
				"HBO"=> 1,
				"MBO"=> 1
			)
			
		);
	

?>
{"beroepen":<?php echo json_encode($jobs)?>}
<?php
	// end return jobs
}

?>

 

[Tha Devil]

Beste "Pum",

Ik heb je nieuwe vraag samengevoegd omdat het over hetzelfde onderwerp gaat.