GitHub - TheSamp/sampGallery: Simple jQuery image previewer. シンプルなグリッドベースのギャラリー実装jQuery「sampGallery」 Googleの画像検索っぽい画像の拡大をしてくれるギャラリーが実装できます 関連エントリ シンプルなギャラリーUIを実装できる「PIGNOSE Gallary」
はじめに フォームの入力の際に、入力に間違いがないかプレビュー表示する この機能を実現するためにFileAPIを利用する JavaScriptのFileAPIは2016年3月現在ほぼすべてのブラウザに対応している(IEさえも) 本サンプルコードはjQueryで動作します。 jQueryを使っていないのが知りたい人はこちらのフォームからファイルを選択した際に、submitする前にプレビュー表示する方法(jQuery"無し"版) を参照のこと Demo 動作を確認できるデモはこちら Demo 対象のコード $(function(){ //画像ファイルプレビュー表示のイベント追加 fileを選択時に発火するイベントを登録 $('form').on('change', 'input[type="file"]', function(e) { var file = e.target.files[0],
Micro Image Gallery: A jQuery Plugin デモページ ギャラリーはデフォルトで三種類のサイズがあり、表示パターンはサムネイル一覧と画像拡大の二種類があります。
Unit Interactiveのエントリーから、透過PNG画像をIE6で表示する、超軽量(2KB)の設置も簡単なスクリプトを紹介します。
素材屋さんでよく見かける背景画像の見本を見せる為のタグ マウスを乗せると背景がページへ広がりマウスを離すと元に戻ります。 (1) <head>〜</head>の中へjavascriptを入れます (2) <body>内の表示したい場所へ このページで使った画像は、管理人さくらが作りました気に入った背景があればお持ち帰りOKです(直リン禁止) HOME
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く