回転ビルボードシステムは、回転アニメーション広告看板システムを実装しています。いいえフラッシュは画像のみのjQueryコードをアニメーション化するために使用されていません。回転ビルボードシステムのデモは、ダウンロードパッケージに含まれています。 要件: このJavaScriptはクライアント側で有効になってjQueryの1.3.2以上 この制限事項:...

アップローダを使用した動的jQueryのイメージギャラリーイメージギャラリーのために「興味深い」という概念です。ちょうど古典的なスライドショーのレイアウト内部の写真を表示するほかに、それはさらに、ユーザーは、同様に画像をアップロードすることができます。デフォルトでは、すべて新しくアップロードされた画像は、各ギャラリーの最後に追加されます。各アップロードされた画像の場合、サムネイルも自動的に生成されます。AJAXはまた、変更が必要なときに、ページをリフレッシュ回避するために、使用されています。画像のタイトルや...

「フィルタと検索ボックス」は、他の検索フィールドとして機能します。ユーザが検索フィールドに焦点を当てたときに違いがあります。これが発生するとドロップダウンメニューは、ユーザーが様々なカテゴリに彼の検索を絞り込むために、検索オプションを使用して、表示​​されています。これらの検索カテゴリがチェックボックスで表されているが、微調整を少しと、これらは、HTMLコンテンツの他のタイプに変更することができます。ユーザーが入力またはフィルタボックスの外にマウスを置いたときはいつでも、ドロップダウンはフェードアウトします...

続きを読む

「大ドロップダウンメニュー」スクリプトは、基本的には、メガメニューコンセプトの適切な実施、それらのドロップダウンパネル内の他の種類のコンテンツを表示することができるメニューを表示するためのUIウィジェットです。大きなドロップダウンメニューは、カテゴリに編成オプションを保持することができ、マウスのホバーのパネルを示し、他のメガメニューのように動作します。パネルを示すときに、ホバーメニューのオプション幅は自動的にパネルに調整し、メニューの残りの部分はさておきプッシュされます。これは、ユーザーをさせない、現在推移...

続きを読む

スライドダウンボックスメニューの代わりに、いくつかの醜いテキストベースのオプションを表示するので、ホバー要素を強調するために派手なイメージを使用してカリスマナビゲーションメニューです。メニューには、メニューオプションと、小さな説明を示し、水平バーのように見えます。画像がその上にアニメーション化されているときにマウスホバーで、メニューオプションとその説明は、メニューの下にプッシュされます。メニューのオプションは、必要に応じてそれをホバリング時にメニューの説明の右側に表示されたサブアイテムを保持することができま...

続きを読む

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

、ページの読み込み時に、ポラロイドPhotobarギャラリーは、ページの下部に写真のフォルダなど、すべての画像アルバムを表示します。フォルダをクリックすると、クリックして、ページの中央に見て、画像を選択することができ、そこからサムネイルスライダーにその内容を拡大していきます。画像は、一番下にある小さなキャプションをサポートし、古典的なポラロイドフォトフレームの内側に示されています。すべての画像が画面に表示される前にプリインストールされています。サムネイルバーは常に、どんな目に見える残りませんが、ブラウザの下...

続きを読む

コンパクトニュースプレビューア·ウィジェットは、2つの部分に分割されます。左側のニュース一覧。ニュースは右のセクションをプレビューします。リストの項目をクリックすると、右側にそのニュース項目についての小さな説明が表示されます。コンパクトなニュースプレビューアウィジェットは、ページのより小さな領域内に大量のコンテンツをパックすることができるという、ブログやニュースポータルに最適です。サンプルウィジェットは、ダウンロードパッケージに含まれている この要件は:...

続きを読む

回転画像スライダースライダーは、ページのコンテンツを特徴とするために使用することができ、または単に写真のコレクションを表示します。スライダーに表示されるときに2D変換を使用して、画像は、側に題しています。ギャラリーは横ナビゲーションリンクおよび再生/一時停止コントローラが付属しています。イメージスライダーを回転させるとカスタマイズだけCSSコードを介して任意のプロジェクトに適応することは非常に簡単です。小さなデモスライダが独自のための一例であり、出発点として機能するように、含まれています。ここからスタンドア...

続きを読む

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

続きを読む