画像ポップアウト・イメージギャラリー・スライドショー｜jQuery plugin｜Ajax｜PHP & JavaScript Room
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説jQueryでシンプルにスライドショーを実装する方法が掲載されています。 スライドショーとして表示する画像をあらかじめimg要素で列挙しておき、z-indexを変更することで入れ替え表示しています。 スライドのスピードはミリ秒で指定可能です。 すべての画像を表示し終わると、また繰り返し最初からリピート再生されます。 スライドを開始する画像のimg要素にはactiveクラスを指定します。 設置イメージ A Simple jQuery Slideshowの設置サンプルサンプルを見る<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm
CSSとJavaScriptを駆使した画像ギャラリーページ14選 | bagel cafe
おしゃれで、ぐりぐり動作するギャラリーページ14選です。 CSSとJavaScriptで動作を実現しています。 1. Pikachoose デモページはこちらから 2. Workshop.rs デモページはこちらから 3. Gadgetinspiration デモページはこちらから 4. Newmediacampaigns デモページはこちらから 5. Serie3.info デモページはこちらから 6. Dev.herr-schuessler.de デモページはこちらから 7. Smoothgallery.jondesign.net デモページはこちらから 8. Gayadesign デモページはこちらから 9. Nivo.dev7studios.com デモページはこちらから 10. Pirolab.it デモページはこちらから 11. Project66.net デモページはこちらか
iTunesのカバーフローのような画像ギャラリーJavaScript | senseless
iTunesのカバーフローはカッコよくてお気に入りの機能のひとつです。私はiPod touchを使っているので、iPod touchでもカバーフロー機能がついていてかなり気に入ってます。 そんなカバーフローのような効果をJavaScriptで実現するための『ImageFlow』と言うライブラリがあるので紹介。 下記URLの左上辺りのリンクからImageFlowをダウンロード出来るので、解凍してそのままサーバーへアップロードすればサンプルをすぐに動かすことが出来ます。 http://194.95.111.244/~countzero/scripts/_myImageFlow/ 実際に組み込んで使う場合は、サンプルで用意されているindex.htmlでの書き方を参考にすれば簡単に実現できそうです。 画像はスライダーを左右に動かしたり、マウスのホイールを転がすと次の写真へどんどん移動していきます
Javascriptで作るイメージギャラリー Galleria | SNAP MAGAZINE
Galleriaは、MITライセンスで公開されていてフリーで使用することができるJqueryベースのイメージギャラリー。 ギャラリーのスタイルとしてクラシック、フルスクリーン、ドットの3つのスタイルが用意されています。 クラシックスタイル フルスクリーンスタイル ドットスタイル 使用方法 // jquery and Galleriaのファイル読み込み <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="galleria/src/galleria.js"></script> // テーマのロード <script>Galleria.loadTheme('galleria/themes/galleria.classic.js');</script> //
jQuery slideViewerPro 1.5
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
WordPressによるWEBサイト制作 IMAGINATION DESIGN ｜大阪のフリーランスWEBデザイナー
大阪で活動するフリーランスのWEBデザイナーです IMAGINATION DESIGNは、大阪市内でフリーランスとしてWEB制作を行っております。 活動範囲は大阪中心ですが、京都神戸方面のほか、名古屋、東京方面などのお仕事でも承ります。 IMAGINATION DESIGNは2010年から活動しており、開業当初からWordPressによるホームページの制作や小・中規模のサイト構築、その他カスタマイズなど幅広く携わっております。 ご希望のお客様には制作実績に関する資料を送付させていただきますのでお気軽にお問い合わせくださいませ。 事務所概要はこちら 制作実績をご希望のお客様 WordPressによるホームページ・WEBサイト制作 WordPressを利用したWEBサイトを作成します。企業、個人、業界問わず対応しております。 デザイン制作からコーディング、各種プラグインの選定、導入まで、制作に
[js] 画面全体をオーバーレイする | おれせか
Deprecated: Assigning the return value of new by reference is deprecated in /home/users/1/fool.jp-ichi/web/blog/wp-settings.php on line 472 Deprecated: Assigning the return value of new by reference is deprecated in /home/users/1/fool.jp-ichi/web/blog/wp-settings.php on line 487 Deprecated: Assigning the return value of new by reference is deprecated in /home/users/1/fool.jp-ichi/web/blog/wp-setti
画像をクールに表示するjavascript「mooSlide」
ホームページなどでは画像を表示させる際に「LightBox」やその派生品を使用するケースが増えてきています。 artViperのmooSlideも派生品の一つですが、表示の仕方がよりクールです。 sponsors 使用方法 mooSlideからmooSlideX.jsをダウンロードします。 また名前にmooが付いているようにmootools.jsが必要になります。 mootools.jsはhead内に、mooSlideX.jsは対象となるリンクの下に置いてください。 リンク方法：aタグのrel要素にdesignSlideを記入。titleに表示したい内容を書き込んでください。 例１）<a href="画像URI" rel="designSlide" title=" 内容">タイトル</a> リンク先を内容の中に挿入したい場合はaタグにrev要素としてmycontentをaタグ内にリンク先を
ギャラリーとか画像を使うときに気になるAjax (JavaScript) Library｜JavaScript｜Coding Architecture
このブログ記事を参照しているブログ一覧: ギャラリーとか画像を使うときに気になるAjax (JavaScript) Library このブログ記事に対するトラックバックURL: http://magic-happens.net/nature/mt-tb.cgi/81
Start/Stop Slider | CSS-Tricks
A little while back I did a tutorial on a Featured Content Slider. It was neat, but a little limited in customization possibility. The two most requested features were being able to add/remove “panels” and a stop/start button. I’m happy to say I was able to accommodate a bit with this new slider. It’s not a plugin, so it’s not as easy as it possibly could be, but it’s much easier. There is a secti
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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
システムサンプル紹介 | Ajaxサンプル キャプションのスライド表示 | 株式会社ティーリンク
JavaScript、FLASHのイメージギャラリーまとめ15個ほど*ホームページを作る人のネタ帳
http://solidstate.jp/
画像ポップアウト・イメージギャラリー・スライドショー｜mootoolsベース｜Ajax｜PHP & JavaScript Room
http://www.designwalker.com/2009/01/slide.html