例えばこんな感じです。
このYouTubeのリンクだったらこのサイズでも構わないのですが、「もうちょっと小さくしたい」という事態がこのたび発生しました。
http://fancyapps.com/fancybox/
で、説明はあるのですが、よく分かりません。
http://ginneko-atelier.com/blogs/tips/221/
で、正に私の知りたいことが語られていました。
現状
<script type="text/javascript">
$(document).ready(function() {
/*
* Simple image gallery. Uses default settings
*/
$('.fancybox').fancybox();
});
</script>
書き換え後
<script type="text/javascript">
$(document).ready(function() {
/*
* Simple image gallery. Uses default settings
*/
$('.fancybox').fancybox({
'type' : 'iframe',
'width' : 350,
'height' : 250,
'scrolling' : 'no',
'autoSize' : false
});
});
</script>
http://ginneko-atelier.com/blogs/tips/221/ には
「WidthとHeightは％でも指定できます。」
と書かれていますが、これは駄目でした。
いずれにせよ、希望通りの設定に出来ました。めでたし、めでたし。
タグ：jquery
