webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

2016-06-02から1日間の記事一覧

jQuery "modal window" その2

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 "modal window" その1

赤丸部分の画像ファイル 矢印などの画像 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 に切り抜いてから、「画像解…

jQuery plugin "fancy Box" 1

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…

jQuery plugin "fancy Box" 2

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>

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