柔軟なスライドから上アコーディオンパネルを開くときに、そのヘッダが自動的にページの最上部に移動されているためユニークです。アコーディオンは、同時に1つ以上の開いたパネルをサポートしています。2つのシナリオでは、作業のデモは、ダウンロードパッケージに含まれています。柔軟なスライド・ツー・トップアコーディオンは、ニュースの見出しのような、または開発者が考えるかもしれない何か他のものについてのコンテンツを搭載し、よくある質問ページを構築するのに最適です。アコーディオンのスタイルを変更することは、CSS(明らかに)...

続きを読む

視差スライドショーは、3D遠近効果を与え、異なる速度での画像とスライダーの背景を変更します。デモは、ダウンロードパッケージに含まれています。 特徴: この応答デザインサイド·ナビゲーション·コントロール点線のナビゲーションコントロールCSS3主導の遷移 この要件: このCSS...

続きを読む

写真は、単に "/ギャラリー「ディレクトリ構造の内部に別のフォルダを追加することにより、カテゴリ/アルバムに整理することができます。PHPは、ページの中央にフォルダの内容と現在の画像を検索します。サムネイルバーもすぐに画像を切り替えるための下部に示したされています。画像をクリックすると、ユーザーはその自然の解像度でそれを表示することができます。サンプルギャラリーも新鮮なスライディングサムネイルギャラリーパッケージに含まれてます。 特徴:...

サムネイルバーから選択全ページの画像ギャラリーの写真は、アニメーションやページの背景として表示されます。画像はページ自体よりも大きい場合、ユーザーは、それらの天然のアスペクト比と解像度で写真のさまざまな領域を検査する、アップとイメージダウンビューポートを移動するために、彼のマウスカーソルを使用することができます。画像が画面より小さい場合、写真は現在のビューポートに合わせてリサイズされます。フルページイメージギャラリーは、あなたのサイトのために非常に魅力的な画像、ギャラリービューアを追加するハイエンドウェブサ...

フルスクリーン背景画像スライドショー設定が簡単で、近代的なイメージスライダーのみCSS 3のコードで構築することができます。見られた効果は、以前に使用されるようにjQueryのか、他のJSのスクリプトを必要としていますが、フルスクリーンの背景画像のスライドショーは完全にJavaScriptをせずに、この動作を模倣するために、CSS 3アニメーションやCSS...

、ページの読み込み、フルスクリーンギャラリーでサムネイルフリップとは、画面の全域に画像を示します。ブラウザのサイズが変更された場合はその背景画像があります。ユーザーがイメージリスト内を移動できるように、クールなフリップ効果のサムネイルスライダーは、ページの右側に設けられています。ユーザが新たな画像に切り替えた後、サムネイル画像が徐々にCSS...

の効果は二つに画像を分割し、スライスを回転させ、ページの全領域に適用することによって動作します。フルスクリーン表示モードでは、ユーザは、画面の右上隅に特別なアイコンを押すことで元の画面に戻すことができますが。この効果は、画像のスライドショー、HTML 5ビデオプレーヤーなどとの統合に最適です。デモは、ダウンロードパッケージに含まれています。 要件:クライアント側で有効になってます。 JavaScriptのCSS3対応ブラウザjQueryの この制限事項:...

「HTML5オーディオとjQueryを使ってフルスクリーンスライドショー」は、実際に使用可能なビューポート(画面)サイズを使用して、フルページではなく、フルスクリーンで動作します。スライドショーで表示された画像ごとに、タイトル(説明、キャプション)も示すことができます。サムネイルバーは、ユーザーが表示する新しい画像を選択することができ、ページの上部に表示されます。デフォルトでは、スライドショーでは、ページのロード時に開始されます。サムネイルバーは、ブラウザの幅が保持できるよりも多くの親指を保持している場合、...

続きを読む

グリッドナビゲーションの効果は、画像ギャラリー、ポートフォリオ·ページを作成するコントロールをフィルタリング、またはグリッドやアニメーションを伴う可能性のある他の使用シナリオについてで使用することができます。その役割は、グリッド要素が優雅に消えて、アイテムの新しいセットは、ページをリロードせずに表示されているようにすることです。グリッドナビゲーション効果は、基本的にはアイテムの設計セットを非表示にし、ページ付けパラメータを使用して別のセットが表示されるようになります。開発者は、グリッド行、遷移型、アニメーシ...

続きを読む