Jquery Cycle を使用してカスタム Image + Description rotator /w カスタム サムネイルを構築しようとしています。
この例のようなもの: http://www.malsup.com/jquery/cycle/pager2.htmlですが、DIV (画像の代わりに) と別のディレクトリからのカスタム サムネイルを使用します。
私が理解できることから、DIVS を使用して上記のサンプルを作成する方法は次のとおりです。
$('#slideshow').before('<ul id="nav">').cycle({
fx: 'turnDown',
speed: 'fast',
timeout: 0,
pager: '#nav',
// callback fn that creates a thumbnail to use as pager anchor
pagerAnchorBuilder: function(idx, slide) {
var src = $('img',slide).attr('src');
return '<li><a href="#"><img src="' + src + '" width="100" height="50" /></a></li>';
}
});
「src」を解析/変更する方法、またはディレクトリではなくファイル名を取得するにはどうすればよいですか?
これはうまくいきませんが、私がやりたいことのようなものです....
pagerAnchorBuilder: function(idx, slide) {
var src = $('img',slide).attr('src');
var thumbdir = 'static/images/thumbs/';
return '<li><a href="#"><img src="' thumbdir + src + '" width="100" height="50" /></a></li>';
}
基本的に... $slideshow の大きな画像の画像 src ディレクトリが static/images/full/ の場合、 pagerAnchorBuilder を使用して static/images/thumbs/ (ファイル名は同じになります) からサムネイルをプルするにはどうすればよいですか?