Youtube

jeroen vewijk

unread,

May 21, 2012, 4:14:30 PM5/21/12

to fancybox

Im a rookie that doesnt know alot. Im still learing but hey if i need
support il just ask.

I am using fanybox to load some youtube movies in an webpage. But when
i test the site from the server the link will guide me to the youtube
site it self. But i dont want that. I want to stay on the same page
and the youtube needs to pop up ( just like in the fancy box demo.

Here is my code i hope some one can help me with my problem.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="../../Css/cssinside.css" rel="stylesheet" type="text/css" /
>
<link href="../../fancyapps-fancyBox-3a66a9b/
sourcejquery.fancybox.css" rel="stylesheet" type="text/css" />



<script type="text/javascript" src="../../fancyapps-fancyBox-3a66a9b/
lib/lib/jquery-1.7.2.min.js"></script>


<script type="text/javascript" src="../../fancyapps-fancyBox-3a66a9b/
lib/jquery.mousewheel-3.0.6.pack.js"></script>


<script type="text/javascript" src="../../fancyapps-fancyBox-3a66a9b/
lib/source/jquery.fancybox.js?v=2.0.6"></script>
<link rel="stylesheet" type="text/css" href="../../fancyapps-
fancyBox-3a66a9b/lib/source/jquery.fancybox.css?v=2.0.6"
media="screen" />


<link rel="stylesheet" type="text/css" href="../../fancyapps-
fancyBox-3a66a9b/lib/source/helpers/jquery.fancybox-buttons.css?
v=1.0.2" />
<script type="text/javascript" src="../../fancyapps-fancyBox-3a66a9b/
lib/source/helpers/jquery.fancybox-buttons.js?v=1.0.2"></script>


<link rel="stylesheet" type="text/css" href="../../fancyapps-
fancyBox-3a66a9b/lib/source/helpers/jquery.fancybox-thumbs.css?
v=1.0.2" />
<script type="text/javascript" src="../../fancyapps-fancyBox-3a66a9b/
lib/source/helpers/jquery.fancybox-thumbs.js?v=1.0.2"></script>


<script type="text/javascript" src="../../fancyapps-fancyBox-3a66a9b/
lib/source/helpers/jquery.fancybox-media.js?v=1.0.0"></script>

<script type="text/javascript">
$(document).ready(function() {
/*
* Simple image gallery. Uses default settings
*/

$('.fancybox').fancybox();

/*
* Different effects
*/

// Change title type, overlay opening speed and opacity
$(".fancybox-effects-a").fancybox({
helpers: {
title : {
type : 'outside'
},
overlay : {
speedIn : 500,
opacity : 0.95
}
}
});

// Disable opening and closing animations, change title type
$(".fancybox-effects-b").fancybox({
openEffect : 'none',
closeEffect : 'none',

helpers : {
title : {
type : 'over'
}
}
});

// Set custom style, close if clicked, change title type and
overlay color
$(".fancybox-effects-c").fancybox({
wrapCSS : 'fancybox-custom',
closeClick : true,

helpers : {
title : {
type : 'inside'
},
overlay : {
css : {
'background-color' : '#eee'
}
}
}
});

// Remove padding, set opening and closing animations, close if
clicked and disable overlay
$(".fancybox-effects-d").fancybox({
padding: 0,

openEffect : 'elastic',
openSpeed : 150,

closeEffect : 'elastic',
closeSpeed : 150,

closeClick : true,

helpers : {
overlay : null
}
});

/*
* Button helper. Disable animations, hide close button, change
title type and content
*/

$('.fancybox-buttons').fancybox({
openEffect : 'none',
closeEffect : 'none',

prevEffect : 'none',
nextEffect : 'none',

closeBtn : false,

helpers : {
title : {
type : 'inside'
},
buttons : {}
},

afterLoad : function() {
this.title = 'Image ' + (this.index + 1) + ' of ' +
this.group.length + (this.title ? ' - ' + this.title : '');
}
});

/*
* Thumbnail helper. Disable animations, hide close button, arrows
and slide to next gallery item if clicked
*/

$('.fancybox-thumbs').fancybox({
prevEffect : 'none',
nextEffect : 'none',

closeBtn : false,
arrows : false,
nextClick : true,

helpers : {
thumbs : {
width : 50,
height : 50
}
}
});

/*
* Media helper. Group items, disable animations, hide arrows,
enable media and button helpers.
*/
$(document).ready(function() {
$('.fancybox-media').fancybox({
openEffect : 'none',
closeEffect : 'none',
helpers : {
media : {}
}
});
});

/*
* Open manually
*/

$("#fancybox-manual-a").click(function() {
$.fancybox.open('1_b.jpg');
});

$("#fancybox-manual-b").click(function() {
$.fancybox.open({
href : 'iframe.html',
type : 'iframe',
padding : 5
});
});

$("#fancybox-manual-c").click(function() {
$.fancybox.open([
{
href : '1_b.jpg',
title : 'My title'
}, {
href : '2_b.jpg',
title : '2nd title'
}, {
href : '3_b.jpg'
}
], {
helpers : {
thumbs : {
width: 75,
height: 50
}
}
});
});

});
</script>
<style type="text/css">
.fancybox-custom .fancybox-skin {
box-shadow: 0 0 50px #222;
}
</style>



<link rel="stylesheet" type="text/css" href="../sdmenu/
sdmenu.css" />
<script type="text/javascript" src="../sdmenu/sdmenu.js">

</script>


<script type="text/javascript">
// <![CDATA[
var myMenu;
window.onload = function() {
myMenu = new SDMenu("my_menu");
myMenu.init();
};
// ]]>
</script>

<script type="text/javascript">
// BRON: http://www.felgall.com/jstip35.htm
document.onselectstart = new Function('return false')
function ds(e) { return false; }
function ra() { return true; }
document.onmousedown = ds;
document.onclick = ra;
</script>

<title>Producten - Digital Signage</title><meta http-equiv="Content-
Type" content="text/html; charset=iso-8859-1" /><style type="text/
css">

</style><div id="apDiv12">

<div id="apDiv9"><img src="../../Website beeld/inside/Banners/Gif/
Banner-indoor.gif" width="933" height="200" /></div>
<div id="apDiv10"><br />
<div>
<a href="../../index.html">   Home</a>
</div>

<div style="float: left" id="my_menu" class="sdmenu" >
<div class="collapsed">
<span>Over ons</span>

<a href="../overons/contact.html">Contact</a>
<a href="../overons/vanewijk.html">Van Ewijk</a>

</div>
<div class="collapsed">
<span>Diensten</span>
<a href="../diensten/Advies.html">Advies</a>
<a href="../diensten/support.html">Support</a>
<a href="../diensten/Beheer.html">Beheer</a>
<a href="../diensten/cloud.html">Cloud</a>

</div>
<div>
<span>Producten</span>
<a href="../Producten/ICT.html">ICT</a>
<a href="../Producten/Digitalsignage.html">Digital Signage</a>
<a href="../Producten/Buildingsecurity.html">Building
Security</a>
<a href="../Producten/Telefonie.html">Unified Communications</
a>
</div>
<div class="collapsed">
<span>Nieuws</span>
<a href="../Nieuws/nieuws.html">Nieuws</a>
<a href="../Nieuws/nieuwsbrief.html">Nieuwsbrief</a>

</div>
</div></div>
<div id="apDiv11">
<br />
<table width="707" border="0" align="center">
<tr>
<td width="697" height="457"><p><u>Digital Signage</u><br />
<br />

<e>Digital Signage is een sterk communicatiemiddel, als het
goed wordt toegepast. Veel te vaak wordt een te snelle afweging
gemaakt: Als we nu eens een flatscreen ophangen?” Veel te vaak
zien we hoge investeringen met een heel kleine Return-On-Investment.
Maar het kan beter!<br />
Een succesvolle Digital Signage-strategie is vooraf nadenken
over zaken die lijden tot een succesvolle installatie.</e>
<br />

</p>
<e><li>Kostenefficiënte hardware. <br />
Digitale Signage is méér dan 'gewoon een
flatscreen tegen de muur'. Het is een geheel van monitor, player,
montering, netwerk, beveiliging, ... Elk van die factoren heeft een
invloed op de performantie en de kostprijs. Van Ewijk Integrated
Solutions biedt een veelzijdig assortiment aan kwalitatieve
oplossingen van NEC,
<a class="fancybox-media" href="http://www.youtube.com/watch?
v=wRtVwr5Ay2E;feature=player_embedded#at=41"> Intel</a>, <a
class="fancybox-media" href="http://www.youtube.com/watch?
v=kCZz4jFok_o;feature=player_embedded#at=41"> 3M</a>, <a
class="fancybox-media" href="http://www.youtube.com/watch?
v=PR7nyfRBy0k;feature=player_embedded#at=41"> Samsung</a>, <a
class="fancybox-media" href="http://www.youtube.com/watch?
v=eTLx0Y0jmL4;feature=player_embedded#at=41"> AOpen TouchSystems</
a> en Newstar, .... Dat maakt het mogelijk om steeds de meest
optimale keuze te maken voor uw doelstelling en budget. </li></e>

<br />
<e><li>Een performant beheersplatform. <br />
Met de software-oplossingen van <a class="fancybox-media"
href="http://www.youtube.com/watch?
v=BMPfgGpz32c;feature=player_embedded#at=41"> PADS</a> beheert u
een enkel scherm of een wereldwijd netwerk aan schermen vanaf uw
desktop of laptop. Integratie met platvormen als brandbeveiligings-
ontruiming- of parkeersystemen vergroten de effectiviteit van uw
investering, waarbij beheersbaarheid een standard gegeven is.</li></e>
<br />
<e><li>Een scherm is maar een medium, een hulpmiddel. <br />
Wat echt telt, is de weer te geven content. Content is nog
steeds koning! en een alles bepalende factor bij het toepassen van
Digital Signage. Van Ewijk Integrated Solutions kan u helpen bij het
bepalen en uitwerken van relevante boodschappen voor de doelgroep en
binnen de vooropgestelde doelstellingen.</li></e><br />
<e><li>Vlekkeloze roll-out, implementatie en service. <br /
>
Wij zorgen er voor dat uw schermen werken en blijven
werken. Alles volgens afspraak. Dat kan gaan van een vlotte levering
tot een complete roll-out, training en testing tot een
servicecontract waarbij Van Ewijk Integrated Solutions ook de
digitale content op het scherm voor haar rekening neemt.</li>
</e>

<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br /></td>

</tr>
</table>
</div></div>
</body>
</html>

JFK

unread,

May 21, 2012, 8:08:48 PM5/21/12

to fancybox

post a link, not your whole code

> <a href="../../index.html"> Home</a>

> gemaakt: Als we nu eens een flatscreen ophangen?” Veel te vaak

> zien we hoge investeringen met een heel kleine Return-On-Investment.
> Maar het kan beter!<br />
> Een succesvolle Digital Signage-strategie is vooraf nadenken
> over zaken die lijden tot een succesvolle installatie.</e>
> <br />
>
> </p>

> <e><li>Kostenefficiënte hardware. <br />
> Digitale Signage is méér dan 'gewoon een

> flatscreen tegen de muur'. Het is een geheel van monitor, player,
> montering, netwerk, beveiliging, ... Elk van die factoren heeft een
> invloed op de performantie en de kostprijs. Van Ewijk Integrated
> Solutions biedt een veelzijdig assortiment aan kwalitatieve
> oplossingen van NEC,
> <a class="fancybox-media" href="http://www.youtube.com/watch?

> v=wRtVwr5Ay2E;feature=player_embedded#at=41"> Intel</a>, <a

> class="fancybox-media" href="http://www.youtube.com/watch?

> v=kCZz4jFok_o;feature=player_embedded#at=41"> 3M</a>, <a

> class="fancybox-media" href="http://www.youtube.com/watch?

> v=PR7nyfRBy0k;feature=player_embedded#at=41"> Samsung</a>, <a

> class="fancybox-media" href="http://www.youtube.com/watch?

> v=eTLx0Y0jmL4;feature=player_embedded#at=41"> AOpen TouchSystems</

> a> en Newstar, .... Dat maakt het mogelijk om steeds de meest
> optimale keuze te maken voor uw doelstelling en budget. </li></e>
>
> <br />
> <e><li>Een performant beheersplatform. <br />
> Met de software-oplossingen van <a class="fancybox-media"
> href="http://www.youtube.com/watch?

> v=BMPfgGpz32c;feature=player_embedded#at=41"> PADS</a> beheert u

jeroen vewijk

unread,

May 22, 2012, 12:12:31 AM5/22/12

to fancybox

http://vanewijkintegratedsolutions.nl/Html/Producten/Digitalsignage.html

> ...
>
> read more »

JFK

unread,

May 22, 2012, 3:29:57 AM5/22/12

to fancybox

check you paths ... all your js links starting from jquery it return a
404 error