Create link elements whose href attributes will contain the path of the element you wish to open within the fancyBox. <a class="fancybox" rel="group" href="big_image_1.jpg"><img src="small_image_1.jpg" alt="" /></a> <a class="fancybox" rel="group" href="big_image_2.jpg"></a>

赤丸部分の画像ファイル 矢印などの画像 jquery.fancybox.css jquery.fancybox.pack.js jquery.fancybox.js jquery.fancybox-media.js youtubeとの連携に必要。 jquery.mousewheel-3.0.6.pack.js マウスホイールをまわすとスクロールするプラグイン。 htmlを…

スライド用の画像を用意する（データの記録です） 手元にある写真を、スキャン解像度からの逆算で、横6000px, 縦4750pxにトリミングする。バライタプリントをフラットヘッドでスキャン。以下手順。 「切り抜きツール」で12 : 9.5 に切り抜いてから、「画像解…

What's new Version 2 is completely rewritten with new features and updated graphics. Notable changes Extendable using helpers Responsive (try resizing window while fancyBox is open) Integrated slideshow New gallery transitions Uses CSS3 (s…

Various types HTML JavaScript Ajax Iframe Inline SWF Youtube (iframe) Google maps (iframe) Non-existing url Alternatively, you can set content type as an option: $(".open_ajax").fancybox({type: 'ajax'});. Note, ajax requests are subject to…

html5 videoタグを使ってみる。 .mov形式ファイルだとうまくいかない。 media encoderでmp4に変換。 ファイルサイズは723Kb。概ね500Kb~1Mb程度がファイルサイズの目安らしい。上限の目安は3Mbくらいと、あるサイトには書いてあった。 imgフォルダを作って、…