For creating sliders, presentations, banners, and other step-based applications
Interaction supported: Cover-click, Slider, Playlist-click, Bi-Directional Keyboard Navigation, Mouse-Slide, MouseWheel.
これは簡単ですね。しかもエフェクトたくさん、サイズもグリッドも選び放題じゃないですか。 カスタムCSSにも対応してるし。 でもカスタマイズの知識なくても扱えますね、これなら。 WordPress › Camera slideshow « WordPress Plugins プラグインのダウンロードはこちらから。 WordPress › Camera slideshow « WordPress Plugins プラグインのインストトールをいつも通り済ませると、左のメニューにCameraのメニューが現れます。 ここでこまかく設定するのですが、1つのスライドショーでこれだけのものが設定可能。 General Settingでサイズの調整、Effectsでスライドのエフェクトを決めます。ランダムにも設定可能。 ローダーの背景とかも自在に調整可能。 スライドショーに使う写真が個別に選択します。wor
jQuery サムネイル連動型の高性能なスライダー【Lof JSliderNews】 – リッチなスライダーの中では一番のお気に入り どうもこんばんは。今回のtipsは【jQuery サムネイルと連動する高性能なスライダー】です。つい最近までリッチなスライダーはFlashでカバーしていましたがこのプラグインを使用すればjQueryで簡単に実装できます。個人的にはシンプルなスライダーにはbxslider、リッチなスライダーにはLofJSliderNews、レスポンシブデザインに使うスライダーはOrbit、それらでカバーできない場合には自作というように使い分けています。 Lof JSliderNews > Download > Demo 実装方法は若干手間ですが、使いこなせばいろいろな所で活用できます。 読み込むファイル <link rel="stylesheet" type="text/cs
WordPress 3.0がついにリリースされましたね。早速テスト環境に(英語版だけど)インストールしながらいろいろいじってます。 メニューがプラグインなしで作成できる機能や、タクソノミーが改良されたようで、じっくり研究したらレビューなり何なりアップ予定。 ところで、3.0で使えるかまだ試してないけど、コンテンツのスライドショーを作ってくれるプラグインを探しているので、ついでに覚え書き。(3.0で動くと良いな〜、ま、ここ何週間かの間に、大量に3.0対応のプラグインがリリースされるでしょうから、以下のプラグインもアップデートされると思うけど) iSlidex Appleのサイトっぽくしてくれるプラグイン。デモはこちら。 詳細:WordPress Plugin Directory: iSlidex SlideDeck Dynamic Content Slider 上記のような横向きアコーディオ
《WordPress Content Slide》はコンテンツをスライドショーとして表示できるWordPressプラグインです。写真のみを美しく魅せるスライドショーとして使う事もできますが、画像とテキストを使ったコンテンツを効率良く、しかも目を魅くような効果で見せる事ができます。 -> サンプルデモ 1 -> サンプルデモ 2 プラグインの入手と有効化 こちらのページから content-slide.zip ファイルをダウンロードして解凍する content-slide フォルダを wp-content/plugins ディレクトリにアップロードする WordPress 管理画面にログインする ダッシュボードからプラグインメニューに入る Content Slide Plugin の項目で「使用する」をクリックしてプラグインを有効化させる ※プラグインの新規追加でダウンロードした zip
サイトのトップページなどで、画像のスライドショーを組み込みたいと考えています。 現在、jQueryで画像のみのスライドショーは作成できているのですが、 画像と連動するテキストボックスの表示方法がわかりません。 参考サイト: http://www.timeout.jp/ja/tokyo 上記のサイトのように、画像のスライドショーと同時に、テキストで表示させたリンクも連動させたいです。 作動させたい内容は以下の通りです。 ☆画像のスライドショー ☆画像にマウスオーバーで、スライドショーが一時ストップ、マウスアウトで再開。 ☆画像と一緒にテキストボックス(リンク)の背景等が変わる。 ☆テキストボックスにマウスオーバーで、該当の画像に変更、マウスアウトでスライドショー再開。 ※参考サイトとほぼ同じ動きができれば幸いです。 できればjQueryで作れるものだとありがたいです。 よろしくお願いいたしま
ちょっとオシャレなあなたには、こんな画像の見せ方もいいのではないでしょうか? jQueryプラグイン「desSlideshow」で一味違う画像ギャラリーを作ってみましょう。 sponsors 使用方法 desSlideshowからファイル一式をダウンロードします。 <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="desSlideshow.js"></script> <script> $(function(){ $("#id名").desSlideshow({ autoplay: 'enable',//自動再生enable,disable slideshow_width: '550',//全体の幅 slideshow_height: '
通販サイトなどのトップページでよく使われる商品を紹介し、アニメーションで別の商品に切り替えていくようなデザインを簡単にjqueryプラグインを使って表現することができるツールです。 jquery featureList→公式サイト サンプルデータ ※サイトが消えているので以前のサイトを保存しているサイトから参照 表示まで時間がかかるかも… プレビュー <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1.6.1");</script> <script type="text/javascript" src="jquery.featureList-1.0.0.js"></script> <
私はコンテンツを作るのは得意ですが、トップページがどうも苦手で…。 「まとめてゲーム」を作る際、トップページに何か華が欲しいと考えていました。 そこで思いついたのはサイトの要点を説明する、ちょっとしたムービーですね。 華やかなだけでなく、サイトを訪問者に知ってもらうこともできますので。 セオリーで言えばFlashを使用したいところです。 ただ一応使用経験はありましたが、もう5年ほど前の話です。 …完全に忘れてますね。(笑) 仕方ないので、何か簡単に実現できる方法が無いか?と探していたところ、jQueryのプラグインとして動作する「CrossSlide」というものを見つけました。 元々の用途はフェードを基本とした写真のスライドショーですが、使い方によってはFlashで作るような簡易的なムービーもどきも作れます。(笑) CrossSlideのメリットと機能とても簡単です。 これに尽きますね。(
Slicebox - A fresh 3D image slider with graceful fallback | Codrops 3D効果を使って迫力あるスライドショーを作れる「Slicebox」 一見普通の画像のスライドショーかとおもいきや、画像切替の際に超かっこよく3D効果を使って切り替わるスライドショーの実装ができます。 画像が立体的にぐるりと切り替わる感じは超クール エフェクトが色々と用意されています。 jQueryプラグイン形式なので、<div>のなかに画像をつらつらと並べて初期化するだけでOKの簡単実装。 3D transformを使っているみたいですが、フルに活用するとこういうこともできるんですね 関連エントリ 迫力あるフルスクリーンの背景スライドショーが実装できるjQueryプラグイン これは新しい、回転させて切り替えるスライドショー実装jQueryプラグイン 次の画
画像にエフェクトをかけて拡大表示したり、スライドを作ったり、ツールチップで表示したり、というような画像を使用したjQueryプラグインが沢山あるのと、探してる方が直ぐに見つけられるように、という事でリンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。 日本語 English 結構カテゴリ分けはいい加減かもしれませんのであしからずご了承下さい。画像じゃなくてもいいんじゃ・・みたいのもありますが、デモで画像を使ってる、画像と相性が良さそう、みたいなものは基本的に掲載しています。 リンクにマウス乗せればキャプチャが出ます。 Lightbox Lightbox風に画像を表現できるjQueryいろいろ Lightbox2 / ベーシックなタイプ。
Today must be a Thursday. I could never get the hang of Thursdays. Photo by harold.lloyd
twitter facebook hatena google pocket 画像の切り替えが面白い画像ギャラリーがあったので、ご紹介します。 Jquery Slider with transition effects (bounce and switch effect)はモザイクをランダムに散らしたような感じで画像間の切り替えをさせられます。 sponsors 使用方法 Jquery Slider with transition effectsからファイル一式をダウンロードします。 <link rel="stylesheet" href="jfancytile.css" media="all" /> <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript
このサイトの一番下でJavaScriptとCSSをダウンロードできます。ダウンロードするのはProductionと書いてある方でいいと思います。ただ、CSSについてはそのままだとうまく表示されないと思うので以下のように変更して上書きします。 現在はCSSの追加なしで表示されるようになっています。また、全ファイルがzip形式でダウンロードできるようになっています。最後に書いたjavascriptのカスタマイズはまだ参考になるのでぜひご活用ください。 * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php * * March 2010 */ /* ここからが追加部分 */ #slider { position:relative; min-height:
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く