jQuery Timelinr - 年表と画像を組み合わせたスライドショー
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Web上では多彩な表現が可能になっていますが、それ故に自分のこだわった表現をどう実現したら良いか悩んでしまうことがあります。そこでぴったりの表現ができるオープンソース・ソフトウェアがないか探すこともあるでしょう。 今回紹介するjQuery Timelinrもそんなソフトウェアの一つです。まさに自分が探していたものだ、と言う方はいらっしゃるのではないでしょうか。 jQuery Timelinrの使い方 jQuery Timelinrは年表と画像、そして説明を組み合わせたコンテンツを表現できます。こちらは横向き。 矢印やキーボードで次の年に移動できます。 実際に動かすとこんな感じです。画像が大きくなっていくのが良い感じです。 横ではなく縦向きもできます。 jQuery Timelinr
jQuery googleslides
Usage: $("#demo1").googleslides({ userid:'115528839112598673902', albumid:'5710317752556741025' }); Usage: $("#demo2").googleslides( { userid:'115528839112598673902', albumid:'5710326335933432353', time:2000, imgmax:260 }); Usage: $("#demo3").googleslides({ userid:'115528839112598673902', albumid:'5710326910876169537', imgmax:100, fadespeed:500, time:8000, caption:false }); Setup Add a reference t
iPhoneでも表示可能 HTML5のスライドショーをFlickrやPicasa、Facebookのアルバムから作れる「SlideMyPics」 - WEBマーケティング ブログ
自分が撮りためた画像を、画像共有サイトに投稿し、さらに自分のサイトでも共有するという機会が増えていますよね。 しかし、多くのスライドショーはFlashで作られていることから、iPhoneなどではスライドショーが表示されません。 そこで今回は、iPhoneでも表示可能なHTML5のスライドショーを、画像共有サイトの画像で作れるサービスをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! HTML5のスライドショーを画像共有サービスのアルバムから作れる「SlideMyPics」 「SlideMyPics」は、HTML5のスライドショーを、FlickrやPicasa、Facebookなどのアルバムから作成できるサービス。 FlashではなくHTML5なので、iPhoneなどの端末を気にするこ
HTML5形式のフォトギャラリーをサクッと簡単に作成できるフリーソフト「Juicebox Lite」
ホームページに自分が撮影した写真を公開する場合に、対応するブラウザ画面のレイアウトが自動フィットし、Flickrを利用することも可能で、動作が軽いフォトギャラリーが作成できるフリーソフトが「Juicebox Lite」です。対応しているOSはWindows・Mac・Linux、ブラウザはIE・Firefox・chrome・Safari・Opera、モバイル向けはiPhone・iPad・Android搭載スマートフォンとタブレットになっています。 Juiceboxを操作しているムービー、設定方法については以下から。 Juicebox Lite http://www.juicebox.net/download/ ◆Juiceboxを操作しているムービー 以下のムービーで、どんなフォトギャラリーなのか確認できます。 ブラウザから「Juicebox」を使うとこんな感じ - YouTube ◆設定方
Flickrの写真をjQueryで自動で取得して自サイトやブログに表示*WEBデザインとか
Flickrの自分のアカウントから、写真を自動で取得して、サイトに表示したかった時のメモ。 【準備するもの】 ●FlickrのAPIキー ●表示させたい写真群のFlickr ID ※分からなければ、idGettrから取得可能 で、今回はjQuery Flickrというプラグインを使ってやってみました。 【jQuery Flickrの導入手順】 以下のページから、jquery.flickr-1.0.jsをダウンロード。 Project Atomic » Blog Archive » jQuery Flickr で、<head>〜</head>内に以下のタグを記述。（jsファイル名とディレクトリは環境に合わせる） <script language='javaScript' src='jquery-latest.pack.js' type="text/javascript">
flickr関連｜Webサービス連動｜Web関連特集｜PHP & JavaScript Room
Flickr APIについて Open Source Flickr Photo Gallery Using jQuery〔jQueryを使用してFlickrの写真セットをギャラリー表示〕 jQuery Flickr〔jQueryを使用してFlickrのデータを取得〕 写真や画像にウォーターマークを入れるツール〔PicMarkr〕 Flickr badge作成ツール Flickrスライドショー埋込タグ生成ツール〔SlideFlickr.com／flickrSliDR〕 splashr beta〔いろいろな形式でスライドショー表示するオンラインツール〕 Slideco〔横長の写真スライドショーウィジェット作成オンラインツール〕 Flickrの写真をギャラリー形式で見れるオンラインビュアーいろいろ Flickr APIについて 2009/7/2 Flickr APIを利用するには、Flickrの
WordPressのギャラリー機能を、少しのjQueryコードでLightbox風にポップアップ出来るようにする
こういうやつ。記事の投稿で [gallery] って書くだけでその記事内にアップロードした画像がグリッドで並べられます。ただ、このままだと別のページに持っていかれて、ユーザーとしては見る気になりません。 Sampleこの記事で実装しました。以下、サンプルです。 エフェクトもない手抜きなものですがｗまぁただのチュートリアル用なのでご了承下さい。 以下、手順です。 吐き出されるHTMLを見てみるショートコードを使うと以下のようなコードが吐き出されます。 <style type='text/css'> #gallery-1 { margin: auto; } #gallery-1 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 33%; } #gallery-1 img { border: 2px
[JS]観光写真に最適なGoogle Mapsを使った地図ベースの画像ギャラリー
デモページ [ad#ad-2] データの管理 画像ギャラリーで使用する画像や地図のローケーションなどはXMLで管理されています。 XML <place> <name>Bangkok</name> <location> <lat>13.696693336737654</lat> <lng>100.57159423828125</lng> </location> <photos> <photo> <thumb>photos/Bangkok/thumbs/1.jpg</thumb> <source>photos/Bangkok/1.jpg</source> <description>Some description</description> <location> <lat>13.710035342476681</lat> <lng>100.52043914794922</lng> </loca
スマフォ向けの写真SNS・picplzに投稿した写真を表示できるjQueryプラグイン・apPicplz
人気に拍車がかかる写真共有サービス、 instagramと同様に写真にエフェクトを 掛けて共有出来るpicplzも、ちらほらと ユーザーさんを見かけるようになりました。 そんな中、picplzの写真を簡単に表示 出来るjQueryプラグインが配布されたので ご紹介。 picplzもinstagram同様にエフェクトを掛けたり、共有したり、他サイトと連携したりと、ほぼドッペルゲンガーなんですが、多少の差もあります。 picplzとは instagramとの差は殆どありませんが、エフェクトや動作はinstagramのほうが充実しています。picplzは写真がスクエアでなくても投稿出来るのと、PCでのWebでいつでも確認出来る点が良いところですね。 picplz / App Storeへ そんなpicplzに投稿した自分のステキ写真をブログにも表示したい、という方もいらっしゃるかと思います。そん
PHP＆jQuery＆CSS3でMacのPhotoboothを作るチュートリアル:phpspot開発日誌
Photobooth with PHP, jQuery and CSS3 | Tutorialzine PHP＆jQuery＆CSS3でMacのPhotoboothを作るチュートリアル。デモのダウンロードも可能。 デモページはこちらで、なかなかカッコいい。 ページの下部にカメラがあり、クリックするとWEBCAMのFlashインタフェースが開き、写真をとってそのままUPみたいな流れのものが作れます。 カメラ付きのMacbookやAirでも当然使えます。 下部のレンズのクリックでカメラが出ます（当PCにはカメラがついていないので何も表示されておりません） 画像をクリックするとLightBox風にポップアップします。 チュートリアルのわりにチュートリアルらしからぬクオリティ。 これを応用してプロフィール写真の撮影等、サービスに応用してみてもよさそうですね。 関連エントリ CSS3で実装されたボタ
24種類の多彩な表示方法が楽しめるフリーの画像ギャラリー -Slideshow Box
HTML+JavaScript, HTML+swf, Flashで動作する、24種類の多彩な表示方法が揃った画像ギャラリーを紹介します。 HTML slideshows & Flash photo gallery templates _ Slideshow Box ※キャプチャは「24. Wall 3D」 まずは、その24種類の多彩な表示方法を紹介します。 特に目を惹いたのは、9, 12, 20, 22, 24です。
Flickrのphotostreamをサイト内でスマートにギャラリー化「Flickr photobar Gallery」
TOP > WebDesign > Flickrのphotostreamをサイト内でスマートにギャラリー化「Flickr photobar Gallery」 世界最大の写真共有サービスFlickr。国内でも利用していると言う方も多いのではないでしょうか？今日紹介するのはFlickrの写真を簡単にスマートなギャラリ−にすることができる「Flickr photobar Gallery」です。 クリックするとバーがせりでてくるように設計されていて、既存のWEBサイトにも無理なく、ギャラリーを統合することができます。実際のデモも公開されていましたので「Flickr Photobar Gallery Demo」からどうぞ。 詳しくは以下 ギャラリーはjQueryによるもので、サイトへの実装も単純です。呼び出すフォトストリームは解凍後のフォルダにあるjquery.Flickrphotobar.
30+ Most Wanted Flash Image Gallery Tutorials using XML - Dzinepress
[ad#link-unit-post] We always try to find some best ever roundups, Today we just select some Professional Free Flash Most Wanted Image Gallery Tutorials using XML which is web based script, mostly flash developers use this script for data integration. Listed tutorials helping to learn more about flash intermediate level scripting and user helping in modern flash website designs, as follow Gallery
3Dでクールに回転するFlashを使った画像ギャラリー「Piecemaker」:phpspot開発日誌
Piecemaker 3Dでクールに回転するFlashを使った画像ギャラリー「Piecemaker」がなかなかカッコいいです。 画像の切り替わり部分が次のようにダイナミックに３Dアニメーションで切り替わります。 使う、使わないより、一見の価値アリです。 設定や画像のリストにはXMLで定義することができて簡単に使えます。 ダウンロードはこちらのエントリより 関連エントリ 半透明がいい感じのクールな写真ギャラリー作成用jQueryプラグイン「jPhotoGrid」 画像ギャラリーを作る際に便利に使えそうなjQueryの画像ギャラリー実装プラグイン37種 jQueryを使ったFlashばりにクールなギャラリー「GalleryView」 jQueryを利用したスムーズに動作する画像ギャラリー「jqGalScroll 2.0」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google+風に、Picasaの画像を高さを揃えたイメージギャラリーを実装するjQueryプラグイン・jquery-photowal
GitHub - mcarruth/flogr: Flogr - your flickr photos in a customizable photo gallery you host on your website.