ZURB - Home
Greetings, Earthling — We’re ZURB, a team of designers, researchers and nerds that help companies design better products, websites and services by using user data. Chart Your Course Our team of design veterans love building complex digital products and integrated services. We'll help you navigate and discover valuable insights that will unlock huge breakthroughs for your organization.
最も短いコードで実装出来るイメージスライドショー - かちびと.net
Result jQuery //最初の画像以外を非表示にする $('.in img:gt(0)').hide(); //タイマー setInterval(function() { //フェードインとアウトを繰り返す $('.in :first-child').fadeOut().next('img').fadeIn().end().appendTo('.in'); }, 4500); css .in { position:relative; width:500px; } .in img { position:absolute; left:0; top:0; } html <div class="in"> <img src="01.jpg"> <img src="02.jpg"> <img src="03.jpg"> </div> Warning: include(/home/youhei0
ナビ付きスライドショー - jsdo.it - Share JavaScript, HTML5 and CSS
jQuery(function($){ $('div.slideimage').slide(); }); (function($){ $.fn.slide = function(options){ var defaults = { fadeTime: 1000, intervalTime: 3000, waitTime: 5000, window: true }; options = $.extend(defaults, options); return this.each(function(){ var current = 0; var interval = 0; var slides = new Array; var target = $(this).addClass('slideimage'); var navi = $('<ul>').addClass('slidenavi');
クロスフェードするスライドショー（ナビゲーションボタン付き） | nagachan.net
jQueryを使った、クロスフェードするスライドショーを自作してみました。 いろんなサイトでも見かけるかと思いますが、お勉強のために自作です。 ■作りたい仕様 一定時間で画像が切り替わるスライドショー クロスフェードのような処理をさせたい 指定した画像に直接切り替えられるボタンもつけたい 切り替えたい画像をリストに配置すれば、切り替えボタンは自動生成されます。 クロスフェードでなく、一旦画像を消してフェードインさせるのであればもっと簡単にできますね。 今の所、ナビボタンに画像が２桁になった処理を入れていないので、写真の数は９個までしか配置できませんw そのうち改良します・・・。 デモはこちら HTML <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javas
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.net-king.com/2010/10/06/%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%81%AB%E3%83%9E%E3%82%A6%E3%82%B9%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E3%81%99%E3%82%8B%E3%81%A8%E3%83%A1%E3%82%A4%E3%83%B3%E7%94%BB%E5%83%8F%E3%81%8C%E5%88%87/
sexyCycle
