[JS]背景画像やスライドショーをブラウザいっぱいに表示するスクリプト -Vegas
写真画像をブラウザいっぱいに表示し、ウェブページにフル表示の背景画像やスライドショーを設置するjQueryのプラグインを紹介します。 ドットベースのオーバーレイ用の画像が数多く用意されているので、画像にスタイリッシュなエフェクトを加えることも簡単にできます。 デモページ サムネイルをクリックすると、写真画像が変更されます。 Vegasの実装 外部スクリプト 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="/vegas/jquery.vegas.js"></script> スタイルシート スタイルシートもあらかじめ用意されており、外部ファイルとして指定します。 <link rel="st
50 Responsive Free jQuery Photo Gallery/Album With Tutorial
Category: Webdev Published: Wednesday, 08 June 2016 06:32 Written by vision widget jQuery image galleries and albums are very common on portfolio sites and are also useful for any other type of site for displaying images and photos. In this post we’ll see tutorials and plugins that can provide you with the resources that you need to get a gallery of slider on your site. You must have seen many of
画像ポップアップ_Galleriffic
A jQuery plugin for rendering fast-performing photo galleries Galleriffic was inspired by Mike Alsup's Cycle plugin, but with performance in mind for delivering a high volume of photos. This is my first experiment with jQuery, so I would love feedback on how to improve this plugin. Features Smart Image Preloading after the page is loaded Thumbnail Navigation (with pagination) Bookmark-friendly URL
全画面を使用したクールなギャラリー「Full Page Image Gallery」をWordPressテーマ化した - かちびと.net
codropsのギャラリーが素敵だったので WordPressのテーマにしてみました。 ライセンスは、個人でも商用でも利用可 で、コードも自由な利用を認めてくれて いました。唯一、記事を丸ごとコピーし ないで欲しい、との事。 そのライセンスはこちら。 先日も話題になったパクリ記事問題です（僕の記事もやられてました→ttp://ameblo.jp/sfida2010/entry-10758747352.html）が、codropsは心の広いブロガーさんのようで好感をもてますね。こうありたいものです。リスペクトも兼ねて、ライセンスに従い、WordPressのテーマにしたので配布します。 FullPageImageGallery このギャラリー（Full Page Image Gallery with jQuery）です。これをまんまテーマ化。 こんな感じでWPで管理できます。サムネイルの数は「
30+ Best jQuery Image Gallery & Lightbox Plugins
Websites pack more of a punch when the right gallery or image showcasing plugin is utilized. Are you often finding yourself at a loss of options for your next gallery plugin solution? Well, the good news is that jQuery plugin has plenty of gallery plugin solutions at hand for you. Furthermore, jQuery has long been touted as and delivered on being the best gallery creator available. Forget about CS
Galleria — A JavaScript gallery for the Fastidious
Galleria — A JavaScript gallery for the FastidiousWelcome to Galleria Galleria is a JavaScript image gallery unlike anything else. It can take a simple list of images and turn it into a foundation of multiple intelligent gallery designs, suitable for any project. Galleria 1.0 started as a small hobby project but now has over 500.000 downloads worldwide. This site is now dedicated to version 1.2, c
ギャラリーを作成する為のjsやWPテーマ、プラグイン、Flash、CMSなど47点 - かちびと.net
何かと需要の高いWebギャラリーを 作るためのjqueryプラグインなどのjs やFlashギャラリー、WordPressでサクッ と作るためのプラグインやテーマなどの まとめです。 柔軟性を考慮し、FlickrなどのWebサービスから引張るようなギャラリーは割愛しました。全部で47点。稼動するか未検証なものもありますので参考程度に。探せばまだ有りそうです。 マウスオーバーで画像を出すようにしているので二度手間が少ないかなと思います。やや表示に時間がかかるかも。 javascript jQuery Gallery Slider / マウス移動でダイナミックに。IE6~8、他各種ブラウザ対応 with Semi-Transparent / キャプション付jqueryプラグイン。自動で切り替わる Image Rotator / サイドにサムネイル。jquery使用。手動切り替え Gallery
Sliding Panel Photo Wall Gallery with jQuery | Codrops
Today we will create a stunning full page photo wall gallery. The idea is to have a whole page full of thumbs with a nice light effect when we hover. […] Today we will create a stunning full page photo wall gallery. The idea is to have a whole page full of thumbs with a nice light effect when we hover. When an image is clicked, a panel slides up from the bottom revealing the full picture. When cli
Supersized 2.0 Released – Now with Transitions & Controls « Build Internet
This is an outdated version! Supersized has been moved and updated to a more permanent home at the official Supersized project page. Check there for the latest release notes and features! Features of Supersized 2.0 – The Exciting Sequel Since the release of the original Supersized back in February, I have had a fair amount of time to gather feedback, read comments, and plan out what version two wo
piroBox v.1.2, jQuery 1.3.2 plugin
Pirobox V.1.2.1 (last update 8/Dic/2009)slideShow bug fixed reed more.. The script weight has decreased by 40%, now weighs only 15KB, (9KB Minified) There is a choice between three different styles (shadow,white or black) Slideshow option More... Multiple image set option More... PngFix for Internet Explorer 6 Keyboard navigation: Right arrow [next], Left arrow [prev], ESC [close] Previoue and Nex
高いカスタマイズ性を持つ画像ギャラリー実装用jQueryプラグイン「AD Gallery」:phpspot開発日誌
A demo of AD Gallery - Coffeescripter.com 高いカスタマイズ性を持つ画像ギャラリー実装用jQueryプラグイン「AD Gallery」。 次のように、１枚の画像と、その他のサムネイルが表示されたような画像ギャラリーが実装出来ます。 シンプルなUIですが、直感的に思ったとおりに動いてくれる部分がいい感じです。 初期化時にかなりのオプションを渡すことができ、動作についても細かなチューニングが可能になっている様子です。 思い通りの動きをするギャラリーが作りたいという場合に試してみると良いかもしれません。 関連エントリ 画像ギャラリーを作る際に便利に使えそうなjQueryの画像ギャラリー実装プラグイン37種 jQueryとCSS3で構築された超絶クールな画像ギャラリーサンプル フルスクリーンでスッキリ綺麗な写真ギャラリーを作れるjQueryを使ったサンプルプ
jQueryとCSS3で構築された超絶クールな画像ギャラリーサンプル:phpspot開発日誌
Beautiful Photo Stack Gallery with jQuery and CSS3 | Codrops jQueryとCSS3で構築された超絶クールな画像ギャラリーサンプルが公開されています。 プログラムのまるごとダウンロードも可能。 これを使って、ちょっとカッコいいギャラリーを作ってよ、みたいな案件にすぐ対応出来るかもしれません。 一覧画面は次のような感じでCSS3の機能をフルに使ってクールにデザインされています。 画像をクリックすると、写真がLightBox風にオーバーレイして開きます。 何枚にも重なってますが、クリックするとシャッフルできます。 アニメーションなんかもいい感じで動いてくれます。 関連エントリ 画像ギャラリーを作る際に使えるFlashやJavaScriptを活用したライブラリ＆サンプル集 超クール画像ギャラリーが作れるJavaScriptライブラリ 画
フルスクリーンでスッキリ綺麗な写真ギャラリーを作れるjQueryを使ったサンプルプログラム:phpspot開発日誌
Sliding Panel Photo Wall Gallery with jQuery | Codrops フルスクリーンでスッキリ綺麗な写真ギャラリーを作れるjQueryを使ったサンプルプログラム。 アニメーションしつつ、操作性もいい感じのフォトギャラリーが実装出来るサンプルプログラムが公開されています。 画像をクリックすれば、若干の読み込み時間を待ち、画像が下からスライドされます。待ち時間は画像サイズに依存します。 ナビゲーションの←、→で画像送りが可能。画像自体をクリックすることで一覧に戻ることが出来ます。 余計なナビゲーションはなくして、写真を前面にしているシンプルさが使いやすさと、見やすさに繋がっていますね。 関連エントリ 画像ギャラリーを作る際に便利に使えそうなjQueryの画像ギャラリー実装プラグイン37種 3Dでクールに回転するFlashを使った画像ギャラリー「Piece
画像を斬新な形でカッコよく並べられるjQueryプラグイン「jSquares」:phpspot開発日誌
boedesign ? canadian based web developer eh Blog Archive jSquares for jQuery 画像を斬新な形でカッコよく並べられるjQueryプラグイン「jSquares」。 div で定義した画像のリストをキャプションと共に、次のようにサイズを変えつつ並べて表示してくれるのがこのプラグインです。 画像をメインにするサイトなんかで、ページのヘッダーなんかに置いておくとインパクトがあるだけでなく、画像ヘッドラインとしてわかりやすいナビゲーションが可能ですね。 カーソルを合わせるとキャプションと共にハイライトされます。 デモページでは同じ画像を並べてますが、別の画像を指定することも出来ます。 関連エントリ 画像ギャラリーを作る際に便利に使えそうなjQueryの画像ギャラリー実装プラグイン37種 半透明がいい感じのクールな写真ギャラリー
YoxView - jQuery image viewer plugin
YoxView is a free image viewer for websites. It's written in javascript using jQuery and is available as a jQuery plugin.YoxView is a free image viewer for websites. It's written in javascript using jQuery and is available as a jQuery plugin. YoxView is inspired by Lokesh Dhakar's Lightbox. Like it, YoxView displays images above the website's content, as a separate layer. Features Images are resiz
ASCII.jp：jQueryで作る画像ギャラリーのチュートリアル｜Web制作の現場で使えるjQuery UIデザイン入門
ページを遷移せずにサムネイルの一覧から画像を選んで拡大表示する「画像ギャラリー」は、jQueryを使えば比較的簡単に作れます。今回は、シンプルなデザインの画像ギャラリーの作成方法を紹介します。 画像ギャラリーの基本部分を作ってみよう 作成するのは、左側にサムネイル画像の一覧、右側にメイン画像を配置し、サムネイルをクリックするとメイン画像がページを遷移せずに切り替わる画像ギャラリー機能です。 はじめに、もっともシンプルな「サムネイルをクリックするとメイン画像が切り換わるページ」を作成します。 WebページのHTML／XHTML（以下HTML）とCSSは以下のようになっています。サムネイルの一覧部分はul／li要素でマークアップし、サムネイル画像はそれぞれ a要素で包みます。a要素のhref属性にはサムネイルに対応するメイン画像のURLを設定します。メイン画像は div#main内にimg要素
[JS]オートプレイ機能を備えたシンプルな画像ギャラリーのスクリプト -Galleriffic
Gallerifficは、サムネイル箇所もオートプレイに対応した、シンプルな画像ギャラリーのスクリプトです。 Galleriffic 画像ギャラリーの機能は、サムネイル画像からの拡大表示、マニュアルとオートプレイを備えており、拡大した各画像にはダウンロード用のリンクが表示されます。 GallerifficはjQueryのプラグインのため、動作にはjquery.jsが必要です。 次のバージョンでは、タイトルや説明文の表示機能がつくとのことです。
Agile Carousel - Javascript Slideshow - Image Carousel
Usage Add a div to your page in the location where you would like to add your slideshow. Invoke the plugin as shown below. Provide data in JSON format as shown below. See the "Settings" section at the bottom of the page for available settings. See the "Single Page Examples" (above) for more implementation examples. Invoke the Plugin <link rel="stylesheet" href="agile_carousel.css"> <script src="ht
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
designerterminal.com
Galleria - a Javascript Image Gallery | DevKick Lab: