PHPやデータベースなどを使用せず、jQueryとCSSで実装するスライドショーギャラリーのスクリプトをTutorialzineから紹介します。 A Beautiful Apple-style Slideshow Gallery With CSS & jQuery デモページ デザインはAppleにインスパイアされたもので、角丸、グラデーション、ドロップシャドウ、鏡面反射などが美しく使用されています。 サムネイルの仕事も丁寧です。
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
何かと需要の高いWebギャラリーを 作るためのjqueryプラグインなどのjs やFlashギャラリー、WordPressでサクッ と作るためのプラグインやテーマなどの まとめです。 柔軟性を考慮し、FlickrなどのWebサービスから引張るようなギャラリーは割愛しました。全部で47点。稼動するか未検証なものもありますので参考程度に。探せばまだ有りそうです。 マウスオーバーで画像を出すようにしているので二度手間が少ないかなと思います。やや表示に時間がかかるかも。 javascript jQuery Gallery Slider / マウス移動でダイナミックに。IE6~8、他各種ブラウザ対応 with Semi-Transparent / キャプション付jqueryプラグイン。自動で切り替わる Image Rotator / サイドにサムネイル。jquery使用。手動切り替え Gallery
技術者の中には一眼レフのカメラを持っている人が多い気がする(私の周囲だけかも知れないが)。個人的にはカメラはこりだすと散財しそうで怖く、手を出していない。だがデジカメであってもせっかく撮った写真はどこかで公開したいのが心情だろう。 美しいデザインのフォトギャラリー 今でこそ写真共有サイトも多いが、独自のフォトギャラリーを立てたいならPiwigoを使ってみよう。 今回紹介するオープンソース・ソフトウェアはPiwigo、PHP製のWebフォトギャラリーだ。 Piwigoの特徴はなんと言ってもその美しさにあるだろう。黒を基調としており、植物が配置されたインタフェースは写真を際立たせるのにぴったりだ。日本語ローカライズも行われており、インストールから日本語が利用できる。 トップページ 写真はカテゴリ、タグ、表示回数などで分類ができ、検索も可能だ。各写真はスライドショーで見たり、メタデータを閲覧でき
A designer is one of the most sought-after professions in today's labor market. In an era of vivid emotions and beauty even in the smallest...
フォトギャラリを作ろうとしたときの参考になりそうなのがありました。 興味のある人は是非一度触ってみるといいかもしれない。 色々なFlashフォトギャラリー Make Your Visitors Be All Eyesより 色々ありますが、とにかくお勧めが以下。 SERGEY TYUKANOV ARTWORKS これはすごい。 訪問すると目の前に扉があり、中へはいっていく。 中は美術館となっており、展示絵はマウスポインタを乗せると拡大し、絵を見て回れる。 ここまでは確かによさげだけと普通。 これから下にある紙をクリックすると・・・。 びゅーっと中を歩き出す。 仕組みとしては触ればわかりますが、単純な仕掛け。 ただ、こうして美術館の中をあるくような臨場感は、とても素晴らしい。 上記で紹介した記事には、さらにFlashのCMSについて書かれている。 実際にダウンロードして見た。 ものすごく簡単な
画像のオルトを利用して、画像の上にオーバーレイでキャプションを表示するスクリプト「Captify」を紹介します。 Captify demo デモでは、画像にマウスオーバーすると、下側からキャプションがスライドしてオーバーレイで表示されます。 オプションでは、キャプションの表示位置(上・下)、表示のスピード、不透明度、表示方法(フェード・スライド・常設)、クラス名などが変更できます。 キャプションはデザインを適用したものを表示することも可能で、下記のようにdiv要素を使用することもできます。
簡単に使える画像ギャラリーを探している。 そんなときにおすすめなのが、『20 Free & Open Source Image Galleries for Web Designers』。Webデザイナーのためのフリーイメージギャラリー20選だ。 以下にいくつかご紹介。 » Auto Slider かっこよくてコンパクトなギャラリー » Flash Gallery クールで見た目の修正も可能なギャラリー » Flickr Show Flickrセットからギャラリーにセットできる » Gallerific スタイルとレイアウトが簡単にいじれる。↑のキャプチャはこちら » Highslide lightbox効果でグレーアウト。スタイルのオプションもついている その他のリストは以下から。 » 20 Free & Open Source Image Galleries for Web Design
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 JX アコーディオン・ツリー表示、グリッドなどのウィジェット集。 Equal Heights 異なるカラムの高さを揃えます。 jQu
Script & Styleのエントリーから、画像ファイルをアップロードするだけで設置できる画像ギャラリーのスクリプトを紹介します。 Automatically Generate a Photo Gallery デモ アップロードする画像は、大きい画像とそのサムネイル画像の2つが必要で、ファイルの名前は下記のように「-thumb」を付加します。 大きい画像のファイル名 IMG_0813.jpg サムネイル画像のファイル名 IMG_0813-thumb.jpg サムネイル画像のサイズは特に指定はありませんが、同じサイズのものが最適です。 デモでは、100x100となっています。 また、HTML, CSSを修正することで、画像ギャラリーのインターフェイスを好みのデザインに変更することができます。
FreeZiqのエントリーから、写真をかっこよく見せるフリーのFlashの画像ギャラリーを紹介します。 15 Free, powerful and easy to integrate Flash image gallery
andrew berg' flash photo browserは、ダイナミックな動きで画像を拡大表示するFlashの画像ギャラリーです。
vivalogoのエントリー「33のJavaScriptとFlashの最も美しいギャラリー」から、いくつか画像ギャラリーを紹介します。 33 Most Beautiful Javascript and Flash Galleries JavaScriptで実装する画像ギャラリー
This is the official website of Gallery, the open source web based photo album organizer. Gallery gives you an intuitive way to blend photo management seamlessly into your own website whether you're running a small personal site or a large community site. More: About Related Sites Features Requirements Screenshots!
サーバーインストール型のサイト構築ツール。Web アルバムorギャラリー構築ツール編です、ただ紹介するだけです。 これもまた結構種類のあるアルバム構築ツール。重量級の機能を持ったツールや最低限の機能、でも以外に素晴らしいツールもあったり。自分の利用用途によってどれを選ぶか悩みどころかもしれませんね。 zenPhoto アルバム構築ツールで、PHP、JavaScriptを使用したオープンソース。 ブログ構築ツールのwordpress用にプラグインがあるほど かなりメジャーなアルバム構築ツールです。MySQLを使用。 画像のアップロードはブラウザからアップロードの他、 FTPで直接フォルダを作るとそれがアルバムフォルダとなり、 さらに大量の画像の場合はFTPで丸ごとアップしてもそのまま追加され、 自動でサムネイルも作成されます。非常に機能は限られていますが、 比較的使いやすいです。テンプレート
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く