jQueryでループして画像などコンテンツ要素をスライドさせる無限ループスライダーの作成方法｜BLACKFLAG
Webサイト上でバナーや商品のサムネイル画像などの見せ方として、並べられた画像（コンテンツ要素）を一定のスピードで自動でスライドして、無限ループさせているものをたまに見かけます。 そんなビューアー的役割のコンテンツ無限ループスライダーを作ってみたので紹介してみます。 まずは動作のサンプルから。 jQuery LOOPSLIDER【SAMPLE】 10個並べてある画像が自動でスライドし、無限にループしています。 この動作の全体構成について、HTMLから。 ◆HTML <div id="loopslider"> <ul> <li><a href="#"><img src="img/photo01.jpg" width="100" height="100" alt="" /></a></li> <li><a href="#"><img src="img/photo02.jpg" width="1
爆益レモンの投資教室
画像選択 これマジです。 副収入は「あったらイイよね」と言う時代から「ないとヤバイ」時代になる。 いつ どこにいても稼げるスキル、YOUに伝授するぜッ！！ 詳細はこちらをクリック
レスポンシブWebデザイン対応のHTML5製ギャラリーサイト用WordPressテーマ・Shotoku(β版)を公開しました
iPhoneやiPadにもレイアウトを調整する レスポンシブWebデザイン対応でHTML5製 のギャラリー用WordPressテーマを作成 しましたので無償公開します。と言っても 実は未完成なのでベータ版として。作り はシンプルなのでフレームワーク的に ご利用下さい。 まったり開発してたんですけど諸事情で時間が無くなりそうで、かなり遅れそうなのでベータ版としてひとまず公開することにしました。レスポンシブWebデザイン対応のギャラリー向けWordPressテーマです。 出来る限りミニマルなデザインを意識したつもりです。尚、ミニマルデザインに関してはこちらが参考になります。 jQuery MasonryとMedia Queriesを使ってレイアウトを調整します。練習用に作ってたんですが、途中から公開してみようという気になってさきほど一旦挫折しとこうと思って本日公開に至りました。 未完成といいま
ホテルと住居が一体化した「アンテルーム」に潜入――京都“先進的”カルチャーの発信地に - はてなニュース
2011年4月28日、京都市南区に「ホテル アンテルーム 京都」という、ホテルと住居が一体化した施設が誕生しました。洗練されたデザインとリーズナブルな宿泊料金、そして何より“ホテルと住居の一体化”という変わったコンセプトで、じわじわと注目を集めています。今日はそんな「アンテルーム」の“中身”に迫ります。 ■ 「ホテル アンテルーム 京都」とは ▽ HOTEL ANTEROOM KYOTO | ホテル アンテルーム 京都 「ホテル アンテルーム 京都」は、京都駅の南側、九条通と十条通の間に位置するホテルです。館内には、観光客やビジネスマンなどに向けた客室のほか、実際に“暮らす”ことができるアパートメントが併設されています。また、外部の人が入れるギャラリーやレストランもあります。 ■ 人が交わるパブリックスペース まずは、アンテルームの1階にある「パブリックスペース」を紹介します。パブリックス
[JS]多彩なカスタマイズ、設置も簡単な画像の一部を拡大するスクリプト -Zoomy
画像の一部を拡大するスクリプトは数多くリリースされていますが、その決定版ではないか、というjQueryのプラグインを紹介します。 Zoomy デモページ [ad#ad-2] Zoomyの設置 Zoomyのオプション Zoomyの設置 Zoomyの設置は簡単で、ユーザビリティにも配慮されています。 使用する画像ファイル ページに配置する画像、拡大時に使用する画像、の2枚が必要です。 外部ファイル 「jquery.js」とZoomy用のJS, CSSファイルを外部として記述します。 <link type="text/css" rel="stylesheet" href="path-to/zoom.css"/> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.
動画にも対応のLightbox風ポップアップ機能付きギャラリー系WordPressテーマ・Dione
ポートフォリオやギャラリーに良さそう なWordPressテーマ・Dioneのご紹介。 いくつも存在しますが、いくつ覚えて おいても損は無いですよね。こちらは 動画と画像をLightbox風にポップアップ させる事が出来ます。広告の管理も しやすいようになっています。 ギャラリー系テーマは沢山ありますが、こちらは縦長の画像に適しています。 シンプルデザインはギャラリーテーマで定番ですね。管理もしやすいように出来ています。 IETesterでのIE6です。フッターが崩れるのと、ヘッダが通常はfixされているのが効かないだけで表示は概ねOKです。フッタはcssを調整して直してください。 Dioneの使い方 Dioneはカスタムポストタイプでの投稿がメインとなります。テーマを有効化すると上記のように専用の投稿項目が出ます。 動画を表示させたい場合はTrailer video項目にURLを入れてく
Marble.co
Marble.co（マーブル・シーオー）は京都を拠点にしたデザインオフィスです。CI/VI、ブランディング、広報物などの印刷物や書籍デザイン、映像・WEBサイトなどあらゆる制作物のグラフィックデザインを行っています。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://e0166nt.com/blog-entry-873.html