In this tutorial we will show you how to create and use a thumbnails preview slider with jQuery. Since we got a lot of requests to show how to make […] In this tutorial we will show you how to create and use a thumbnails preview slider with jQuery. Since we got a lot of requests to show how to make the preview slider work separately from the full image view, we decided to make a tutorial on how to
infinite, circular jQuery carousel --- CarouFredSel 2.1.3 どんなHTML要素もカルーセル化してしまえるjQueryプラグイン「CarouFredSel」。 指定した要素以下に<div>や<img>を単に並べるだけでカルーセル化してくれるプラグインです。 少ないスペースで多くのコンテンツを格納するのに便利です。 横だけでなく、縦スクロールもオプションで指定することが出来ます。 ページ下部にexamplesが多数紹介されているので他にも色々な機能があることを確認できます。 関連エントリ 関連アイテムを出す場合等に使えそうなjQueryカルーセル「bxCarousel」 JavaScriptで実装するクルクル回転する3DカルーセルUI実装ライブラリ 無限に回転するカルーセルUI実現用jQueryプラグイン実装チュートリアル
学習にも使えそうな、PHPとLightBoxを使ったシンプル画像ギャラリープログラム 2009年03月23日- Create a Simple Picture Gallery using PHP 学習にも使えそうな、PHPとLightBoxを使ったシンプル画像ギャラリープログラムが公開されていました。 PHPファイルが1個と、非常にシンプルなものなので、PHPをはじめたばかりという方にもカスタマイズは容易かもしれません。 画像さえフォルダにおいておけば、サムネイルは作ってくれるというものになってます。 クリックで拡大されるLightBox機能が入ってます。 凝ったギャラリースクリプトはカスタマイズも大変だけど、こういうシンプルなものをカスタマイズしていって自分好みのギャラリーを作るのもよさそうですね。 画像を扱うので、PHPにはGD拡張が必要なので、XAMPPやGD拡張が備わったサーバで動
PHPソース1個で実現されるクールなWEBギャラリー実装プログラム「Pagemap ImageWall」 2010年08月11日- Pagemap ImageWall ? Freeware Web Photo Gallery with slideshow | Pagemap Premium Portfolios PHPソース1個で実現されるクールなWEBギャラリー実装プログラム「Pagemap ImageWall」. アニメーションやLightBoxなどでモダンな感じに動くギャラリースクリプトです。1ファイルなので設置は簡単です。 動きを実際に見てみる 設置にするには、phpが動くサーバを用意した後、パッケージをダウンロードして「index.php」を開き、$config の変数を設定します。 ヘッダー画像や背景、文字色、カスタムCSSと、画像が入っているディレクトリの指定等をしてアップロ
画像を拡大するスクリプトとしてはLightboxやfancyboxが有名ですが、これらはページの流れをさえぎってしまう弱点をかかえています。 この弱点を改良すべく開発された新しい画像拡大(ギャラリー機能付)スクリプトをChristoph Schüßlerから紹介します。
s3Slider jQuery plugin 画像をキャプション付で超クールに切り替えるjQueryプラグイン「s3Slider」。 次のように、画像に半透明のキャプションを付けつつクールにアニメーションさせられるjQueryプラグインです。 動きを実際に見てみましょう。かなりかっこいいです。 s3Sliderプラグインの使い方とダウンロードはこちら 実装のHTMLは次のように結構綺麗になってますので、安心して使えます。 ページのヘッダーあたりに置くとかなりのオシャレ感を出すことが出来ますね。
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」を紹介します。 slideViewerPro 上記のキャプチャはslideViewerProの元となるslideViewerのもので、直系の子孫にあたるとのことです。 画像の箇所は、一つのリスト要素で構成されています。 HTML <textarea name="code" class="html" cols="60" rows="5"> <div id="my-folio-of-works" class="svwp"> <ul> <li><img alt="Meander - P.J. Onori" src="images/01.jpg" /></li> <li><img alt="Flock and Predator - L. Ongaro" src="images/02.jpg"
芸術の秋なのでギャラリーサイトを色々と調べてみました。良く有るようなcssギャラリーでは無く、特殊と言うと大袈裟ですけど何かしらに特化したギャラリーのまとめです。インスピレーションの向上や参考に綺麗なものを目に焼き付けておきたい所です。 通常良く見るcss系Webデザインギャラリーはほぼ全てGALLERY GALLERYにまとめられていましたのでこちらも合わせてご覧になってみてはいかがでしょう。ギャラリーの内容は殆どがWebデザイン関連ですが、他にもロゴや名刺、ファッションなどなどもあります。 LogoPond クールなロゴデザインのギャラリー。 LogoPond Creattica 名刺、ロゴ、広告など様々なデザインギャラリー。 Creattica Business Cards Observer かなりクオリティの高い名刺デザインのギャラリー。見てるだけで楽しい。 Business Ca
Beginning HTML5 & CSS3 The Web Evolved: A new book on HTML5 & CSS3 by Richard Clark, Oli Studholme, Christopher Murphy and Divya Manian. Buy it now HTML5 DoctorHave a look at our sister site, HTML5 Doctor for news, views and tutorials about HTML5. With articles by Bruce Lawson, Remy Sharp and more. Visit HTML5 Doctor This site is licensed under a Creative Commons Attribution-Non-Commercial 2.0 sha
画像の切り替えやパネルの表示にフェード効果を使用したスライドショーのスクリプトをDynamic Driveから紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く