[JS]ちょっとしたアイデアの積み重ねが素晴らしい！画像を拡大表示するシンプルなスクリプト -Zoom.js

テクノロジーカテゴリーの変更を依頼記事元:

coliss.com

150 usersがブックマークコメント

コメント

9

記事へのコメント9件

注目コメント
新着コメント

workhouse-movie 画像クリックでズーム！

2016/06/05 リンク

chott 新世代のモーダル

Modal

2015/09/05 リンク

kijtra すごい良いのにIE9以下は動かないなあ。旧ブラウザは単に画像直リンクでもいいのに。もったいない。

2015/05/14 リンク

karasunekoneko おお、これ良い！/ [JS]ちょっとしたアイデアの積み重ねが素晴らしい！画像を拡大表示するシンプルなスクリプト -Zoom.js | コリス

2015/05/14 リンク

mut00tum モーダルウィンドウ。この動きいいですね。

2015/05/13 リンク

sometk よさげ、試してみよう

2015/05/13 リンク

ko-ya-ma 元画像に戻すところの「スクロール」はちょっと思いつかない

2015/05/13 リンク

z1a2nh ちょっとしたアイデアの積み重ねが素晴らしい！画像を拡大表示するシンプルなスクリプト -Zoom.js

JS

2015/05/13 リンク

kussun 拡大時と戻る時の動きいいな。Bootstrap の transition.js が必要なのがマイナスだけど。

2015/05/13 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

[JS]ちょっとしたアイデアの積み重ねが素晴らしい！画像を拡大表示するシンプルなスクリプト -Zoom.js

デモのアニメーションGIF ここでは「Esc」キーを拡大画像から元画像に戻す際に使用していますが、スクロ... デモのアニメーションGIF ここでは「Esc」キーを拡大画像から元画像に戻す際に使用していますが、スクロールしてコンテンツに戻る時のアニメーションも非常に軽快です。 Zoom.jsの使い方 Step 1: 外部ファイル当スクリプトとスタイルシート、jquery.jsを外部ファイルとして記述します。アニメーションのエフェクトはBootstrapのtransition.jsに依存しており、Bootstrapのjsファイルかtransition.jsを記述します。 <head> ... <link rel="stylesheet" type="text/css" href="css/zoom.css"> </head> <body> ... コンテンツ ... <script src="https://ajax.google apis.com/ajax/libs/jquery/1.11.0/j

ブックマークしたユーザー

kikakuken2017/10/10
unarist2016/07/13
workhouse-movie2016/06/05
chott2015/09/05
machonne2015/06/09
candykebin2015/06/05
astk_f2015/05/25
bascinet2015/05/23
tororo_mn2015/05/21
cornelius19762015/05/19
cotohog2015/05/18
sawarabi01302015/05/17
lEDfm4UE2015/05/17
kuroaka18712015/05/16
a_damitu2015/05/14
planbworks2015/05/14
kijtra2015/05/14
warriorking2015/05/14

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx