JavaScript - 画像

iframeでもHTMLでも対応できる超軽量で非依存のLightboxスクリプト

Result See the Pen GVpdWB by kachibito (@kachibito) on CodePen. こういうベーシックなもの最近は全く見かけなくなりましたけど・・案件になると割と要望は頂...

背景画像を画面いっぱいにしてスライドショー化する

Result jQuery css html via Full Clip - fullscreen body background image jQuery plugin

スクロールに応じて背景画像を徐々にblurさせる

Result jQuery css html via Zoom and Blur background Image

画像の上で右クリック出来ないようにする

Result つい最近の案件で相談されたので、まだこういうの需要あるかもと思って書きました。画像のみ、右クリックを防止しています。あんまり期待する効果は得られないとは思いますが・・画像を保護する目的なら最低でも透かしは必ず入れたほ...

マウスを乗せると背景画像が動く

シンプルなビフォー/アフター

マウスホバーでYoutube動画のサムネイルを連続表示させる

画像の拡大鏡を実装するやつ

マウスホバー中の画像以外をフェードアウトさせる

任意のカラーで画像にマスクをかけ、マウスホバーでフェードアウトさせる

指定された画像が存在しないときに別の画像に置換する

画像が存在しない場合は、そのimgタグを削除する

画像のビフォー･アフターが出来るやつ

最も短いコードで実装出来るイメージスライドショー

ツールチップ併用のシンプルなクリック式イメージスライドショー

シンプルでクールなLightbox

マウスホバーで画像に帯を表示する

数行で書けるオート再生なスライドショー

画像がアニメーションエフェクトで拡大/縮小し、テキストを表示

Ads