HTML+JavaScript, HTML+swf, Flashで動作する、24種類の多彩な表示方法が揃った画像ギャラリーを紹介します。 HTML slideshows & Flash photo gallery templates _ Slideshow Box ※キャプチャは「24. Wall 3D」 まずは、その24種類の多彩な表示方法を紹介します。 特に目を惹いたのは、9, 12, 20, 22, 24です。
HTML+JavaScript, HTML+swf, Flashで動作する、24種類の多彩な表示方法が揃った画像ギャラリーを紹介します。 HTML slideshows & Flash photo gallery templates _ Slideshow Box ※キャプチャは「24. Wall 3D」 まずは、その24種類の多彩な表示方法を紹介します。 特に目を惹いたのは、9, 12, 20, 22, 24です。
空白というか白の使い方がクールですね。 手軽にウェブサイトにイメージギャラリーを設置したい時にいかがでしょうか。 日本語もいけるか試したら普通にいけたのでご紹介。 使い方は以下に。 FLASHイメージギャラリーのダウンロード サンプルデモはこちら カテゴリ分けも簡単に ※ダウンロード後、ちょちょっと変更かけないと日本語に対応しません。 とりあえずダウンロードしたファイルを解凍すると以下のような展開になります。 あまり説明は不要かもしれませんが誰でも設置できるようにする為に、超簡易的な構図から。 ホントはもう少し複雑ですが、「触る部分」だけチョイスします。 index.htmlを開けばgallery.swfを読み込み、sallery.swfはgallery.xmlをよみこんでます。 gallery.xmlに画像の名前や、カテゴリ情報などが掲載されています。 まずやる事は以下の二つのファイルを
superbees, votre agence de conseil et développement haut-de-gamme spécialisée dans la conception et le développement de solutions digitales sur mesure depuis 2015 superbees, agence de conseil et développement haut-de-gamme Notre référencement, c'est vous. La société superbees existe depuis 2015. Depuis plusieurs années, nous créons des applications et des sites internet. Tout commence par une miss
まるでFlashやスクリプトを使用したかのようなスライドのエフェクトがスタイリッシュな画像ギャラリーを実装するスタイルシートをCSSplayから紹介します。 Slideshow by numbers demo デモでは画像ギャラリーの領域にマウスをホバーすると、画像に対応した数字が表示され、それぞれの数字のホバー時にはサムネイル画像が表示されます(キャプチャ参照)。 各サムネイル画像をクリックすると、大きな画像とそれに対応したテキストが表示されます。 対応ブラウザはIE6/7/8, Fx, Op, Safari(PC), Chromeで、SafariとChromeは画像の拡大時にマウスをプレスする必要があります。
クリックで画像を変更し、各画像の個別リンクにも対応した画像ギャラリーを実装するスタイルシートをCSSplayから紹介します。 A permanent image click gallery 上記画像のパーマリンク こういったスタイルシートで実装されて画像ギャラリーは、通常マウスオーバーで画像を切り替えるものが多いですが、上記のものはクリックで切り替える仕様となっています。 実装には、iframeやJavaScriptは使用されておらず、CSS HackやIE用の条件付コメントも使用されていません。 対応ブラウザはIE5.5/6/7/8, Fx, , Safari(PC), Chromeとのことです。
画像をダイナミックに配置し、それに負けないくらいダイナミックなアニメーションで画像を拡大表示するギャラリーのチュートリアルをCodropsから紹介します。
Micro Image Gallery: A jQuery Plugin デモページ ギャラリーはデフォルトで三種類のサイズがあり、表示パターンはサムネイル一覧と画像拡大の二種類があります。
オブジェクトをパスに沿って、さまざまな方向に回転させることができるスクリプトをFredHQから紹介します。
Roundabout is a jQuery plugin that converts a structure of static HTML elements into a highly customizable turntable-like interactive area. (And now, not just turntables, but many shapes!) In its simplest configuration, Roundabout works with ordered- and unordered-lists, however after some quick configuration, Roundabout can work with an set of nested elements. Requirements & Add-Ons Requires jQue
slideViewerPro 1.5 A 'pro' jQuery image slider built on a single unordered list. Cool! What's this? slideViewerPro is a fully customizable jQuery image gallery engine wich allows to create outstanding sliding image galleries for your projects and/or interactive galleries within blog posts. slideViewerPro is the direct descendant of the popular jQuery slideViewer plugin. Each gallery generates a us
ページを遷移せずにサムネイルの一覧から画像を選んで拡大表示する「画像ギャラリー」は、jQueryを使えば比較的簡単に作れます。今回は、シンプルなデザインの画像ギャラリーの作成方法を紹介します。 画像ギャラリーの基本部分を作ってみよう 作成するのは、左側にサムネイル画像の一覧、右側にメイン画像を配置し、サムネイルをクリックするとメイン画像がページを遷移せずに切り替わる画像ギャラリー機能です。 はじめに、もっともシンプルな「サムネイルをクリックするとメイン画像が切り換わるページ」を作成します。 WebページのHTML/XHTML(以下HTML)とCSSは以下のようになっています。サムネイルの一覧部分はul/li要素でマークアップし、サムネイル画像はそれぞれ a要素で包みます。a要素のhref属性にはサムネイルに対応するメイン画像のURLを設定します。メイン画像は div#main内にimg要素
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く