- jQuery 時差読込レイジーロード
- 画像の読み込みをわざと遅らせて、スクロールによって読み込みを開始させます。 スマホでよく使われる技法ですが、PCでもよく見かけるようになりました。...
- 2019-08-02 08:42:56
UIサンプルギャラリー「キプレ」
MENU
用途
新着
履歴
分類
★
画像
画像を扱うサンプルいろいろ。
「画像」に関するサンプル
- CSS3 オンマウスで画像拡大
- PCで画像にマウスを合わせると画像が拡大します。 css3限定での手法になります。 スマホではタップすると、１度だけズームします。 .imgs { wid...
- 2019-08-02 08:30:13
- jQuery カードをめくる表現
- 主にjQueryで書かれたアニメーションです。 画像をクリックすると、カードを裏返すようなエフェクトのサンプルです。 クリックで発動するものと、ページが表示されると自動で発動する２パターン用意しま...
- 2019-07-28 14:02:54
- exif 画像に付随した情報を調べる
- 画像ファイルには表示されない情報を持ってる場合があります。 その情報は、exifイグジフと言われ、コメントや製作者、カメラの機種などの情報を記載させる...
- 2019-08-05 22:39:16
- CSS3 背景のサイズ
- CSS3の「background-size:」の値についてです。 [[auto]] 自動でいい感じにやってくれます（デフォルト）。 [[contain]] 縦横の比率をそのままに、...
- 2019-08-04 22:33:37
- jQuery カルーセル
- 画像を横にアニメーションさせて複数の画像を表示させるサンプルです。 カルーセルとは、直訳すると「回転木馬」でコンテンツや写真を、クリックやフリックでスライドさせる表現です。 いろいろな作者が作ったものがありますが、今...
- 2019-07-29 20:55:59
Top