大きな画像スライダーと小さなグリッドのサムネイルがphpで機能するギャラリーがありますが、この関数を交換して再利用し、新しい画像とサムネイルをインタラクティブに読み込むためのjavascript関数が必要です。開始パラメーターをJquery関数に渡して、画像スライダーとグリッドを埋めるにはどうすればよいですか?現在、startパラメーターを使用してドキュメントにhrefを書き込んでおり、document.load関数でこのhrefを破棄し、getjson関数を起動してデータベースからレコードをプルしますか?
これが私のJqueryです。メニューliドキュメントサブツリーで最初のhrefを検索し、それをgetパラメーターとして使用してデータベースからレコードをプルします。
$j("#tx-gallery-pi1 #menu li").click(function() {
$j.getJSON($j(this).find('a').attr('href'), function(json) {
var container = $j('#tx-gallery-pi1 #container');
container.masonry();
$j.each(json, function(idx, ele) {
container.append($j("#brickTemplate").tmpl(ele).css({
"display": "block"
})).masonry('reload');
container.imagesLoaded(function() {
// bricks correct height
var brick = $j("#tx-gallery-pi1 #container .brick");
brick.each(function() {
var content = $j(this).find(">div");
var img = $j(this).find("img");
content.css({
height: img.attr("height")
});
});
});
});
});
return false; // don't follow the link!
});
}