Indexhibit_V2カスタマイズその3-2

前回のエントリの続き

http://log.hatenadiary.com/entry/2013/10/18/190224

• jQuery.ScrollTo http://flesler.blogspot.jp/2007/10/jqueryscrollto.html
• jQuery.LocalScroll http://flesler.blogspot.jp/2007/10/jquerylocalscroll-10.html

が何をやってるかを調べる

jQuery.ScrollTo参考

• http://flesler.com/jquery/scrollTo/
• http://semooh.jp/jquery/sample/scrollTo
• http://webdesignerwall.com/tutorials/scrollto-posts-with-jquery
• http://www.adriantomic.se/development/jquery-localscroll-tutorial/

jQuery.LocalScroll参考

• http://flesler.com/jquery/localScroll/
• http://www.skuare.net/2008/01/javascriptjquerylocalscroll.html
• http://www.skuare.net/test/jScrollToMin.html

まずはHTMLのサンプル改造してやってみてるけど、横移動がうまくいってない。
どうも参考元のsyndexは多少プラグインいじってるみたいだから、勉強がてら別のプラグインで似たようなことやるのを目指すかも。

$(document).ready(function(){
$("div.hoge").each(function(index, elem) {$(elem).attr("id", "hage"+(index+1)); });
});

http://okwave.jp/qa/q5532168.htmlより
div class="hoge"　に対して連番id="hage番号"を振るのはこれでいけるっぽい。

読んでる本

Webデザイナーのための jQuery入門　魅力的なユーザーインターフェースを手軽に作る (Books for Web Creative)

サンプルコード
http://image.gihyo.co.jp/assets/files/book/2012/978-4-7741-4856-4/

Web制作の現場で使う jQueryデザイン入門 (WEB PROFESSIONAL)

サンプルコード
http://go.ascii.jp/?jquery_sample

改訂版はこっち

Web制作の現場で使うjQueryデザイン入門[改訂新版] (WEB PROFESSIONAL)