Hi,
I need to implement a FuncyBox Gallery with a YouTube Videos (in iframe), like here: http://fancyapps.com/fancybox/ or http://jsfiddle.net/M78zz/.
I'm inserting links with Thumbnail, directly with the page editor and attaching the necessary scripts and styles, - everything works perfectly.
It looks something like this:
<a class="various fancybox.iframe" href="http://www.youtube.com/embed/[VIDEOCODE]?autoplay=1" style="display:inline-block"><img src="/data/uploads/pics/youtube_thumbnail_01.jpg" /></a>
the below script for «iframe» control and call the function when you click on the picture
<script type="text/javascript">
$(document).ready(function() {
$(".various").fancybox({
maxWidth : 800,
maxHeight : 600,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'elastic',
closeEffect : 'none',
margin : 50
});
});
</script>
I tried to modify the plugin "i18n_gallery/plugin_confancybox.php", but because of the lack of knowledge of PHP nothing comes out. Here it is only necessary to add a couple of parameters, - the video-ID and the value of iframe, although only the first (see a screen shot in attachment).
Can someone help me? Thanks in advance!
I need to implement a FuncyBox Gallery with a YouTube Videos (in iframe), like here: http://fancyapps.com/fancybox/ or http://jsfiddle.net/M78zz/.
I'm inserting links with Thumbnail, directly with the page editor and attaching the necessary scripts and styles, - everything works perfectly.
It looks something like this:
<a class="various fancybox.iframe" href="http://www.youtube.com/embed/[VIDEOCODE]?autoplay=1" style="display:inline-block"><img src="/data/uploads/pics/youtube_thumbnail_01.jpg" /></a>
the below script for «iframe» control and call the function when you click on the picture
<script type="text/javascript">
$(document).ready(function() {
$(".various").fancybox({
maxWidth : 800,
maxHeight : 600,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'elastic',
closeEffect : 'none',
margin : 50
});
});
</script>
I tried to modify the plugin "i18n_gallery/plugin_confancybox.php", but because of the lack of knowledge of PHP nothing comes out. Here it is only necessary to add a couple of parameters, - the video-ID and the value of iframe, although only the first (see a screen shot in attachment).
Can someone help me? Thanks in advance!