トップ グラフィックデザインのスクリプト のために Web
jquery.mb.maskedGalleryは、PNG形式のマスクを使用してギャラリーコンテナの上に画像をオーバーレイ。写真の残りの部分は隠されている間、マスクは、画像の特定の部分のみが表示されるようにします。これにより、開発者は通常、必要な非標準コンテナ、特定の境界線とコーナー画像(回避策)内の画像ギャラリーを作成することができます。作業デモはjquery.mb.maskedGalleryパッケージに含まれている このリリースで新しい何が:各画像の この記述が追加されました。 この要件:...
jquery.mb.imgNavigatorは、ユーザーがその自然のアスペクト比で写真を検査し、より小さな容器にすることができます。画像は通常のビューモードに示したが、側面にクリップされます。ユーザーは写真の他のセクションを表示したい場合、彼は単に彼のマウスを使用して写真を取得し、ドラッグすることができます。この場合、小さなプレビュー概要コンテナは、現在閲覧フォト部を意味内側正方形で、画像の隅の一つに示されています。また、ユーザーは、単にはるかに高速な方法でページの別の領域に移動し、同様にこの小さなプレビュ...
展は、巨大な画像リストのために非常に有用であることができます。ユーザが画像をクリックすると、その画像がその周りページ全体を移動する、ブラウザの中心に移動されます。展覧会はスムーズなアニメーションやトランジションを使用して、写真を披露するための完璧な垂直または水平レイアウトの画像スライダー、として動作することができます。デモは、ダウンロードパッケージに含まれています。 要件:クライアント側で有効になってます。 ...
Kittydarはすべて前向きな猫のための顔を検出することができます。写真に表示されますどのように多くの猫の検出に加えて、Kittydarも同様に自分の顔の周りにボックスを描くことができます。シンプルなコントラストと特徴認識パターンを使用して、人間の顔の検出スクリプトと同様の働きをします。ライブラリは、両方のクライアント側で使用することができます(ブラウザ)とサーバー側(Node.jsの)環境ます。 要件: このJavaScriptはクライアント側で有効になってサーバー側の環境のためのNode.js...
ブラインドのトランジション効果は、MicrosoftのPowerPointのツールで有名になってきました。それは同様にスライスされた形式で新しいコンテンツに持ち込み、同じスライスに垂直方向または水平方向に画像をカットし、ビューからそれらを移動することによって動作します。このアニメーション効果の無数のバリエーションがありますが、それはほとんどその複雑さのために、Webベースのツールで使用されていません。Blindify...
ClassyCompareは基本的に削除するか、トップの画像にマスクを適用するために、マウスカーソル制御スライダーを追加し、前·後イメージオーバーレイ。プラグインは、画像への変更、初期画像を表示し、操作後に得られたものを紹介するために用いることができます。前&後の抗力ハンドラが自動的にマウスカーソルを介して制御され、プラグインは、さらに2つの画像の状態について小さなテキストベースのキャプションを示すサポートされています。これは主に電子商取引プラットフォームのための理想的であるが、それは同様の部位の他のタイプ...
ClassyLoupeはマウスカーソルに特別なハンドラを取り付けることによって動作します。ユーザが画像の上にマウスを置いたびに、ルーペは、マウスカーソルの周りに表示されます。このルーペは、マウスカーソル周辺の画像にユーザの焦点を助ける、それはカーソルに取り付けられていますズーム効果ならば、それはまた、ホバー画像の詳細を示し、アスペクト比だ改善されます。ましょうClassyLoupe開発者は、ルーペのカスタムシェイプを使用し、彼らがしたい場合は、それらも影響を調光画像をオフにすることができます。例の多くは、j...
CSS 3「バックグラウンド·サイズ:カバー...
Picozuは、ユーザーがちょうどPhotoshopのように、フォトレタッチを描画し、実行することを可能には、JavaScript、HTML 5とCSS3で構築されたマリウススタンシウ-はSergiuによって作成されたツールです。 ClassyPicozu...
開発以来、、遅延ロードは、大きなウェブサイトを実行しているウェブマスターのためのお気に入りの、縦長のページ、1ページだけの画像をたくさん表示されています。技術は、ユーザの画面が表示され、ページ上の位置されているものを言うことができる技術をスニッフィングビューポートに依存しています。手にこの情報を使用して、DevramaイメージLazyloadプラグインにのみ表示要素がロードできるようになり、彼らだけが画面上に見えるようになる瞬間に他のページ要素の負荷を延期します。これは、開発者のための帯域幅を節約するだけで...