wordpressでAcensorJSを使用しているwordpressテーマを使用しています。しかし、ここでは、プラグインが各フロアを「動的に」作成できるようにしたいと考えています。新しい「記事」があれば、すぐにマップに追加してほしいです。
ここに私のコード:
var numbersOfArticle = $('section#wrapper > article').length;
var rowStep = '[';
var floorName = '[';
for(var i=0; i<numbersOfArticle; i++) {
rowStep += '['+i+', 1], '; // Create the Map
floorName += '\'floor'+(i+1)+' \', '; // Create the name floor
}
rowStep = rowStep.substring(0, rowStep.length - 2); // To remove the "," for the last child
floorName = floorName.substring(0, floorName.length - 2); // Same idea
rowStep += ']';
floorName += ']';
$('#wrapper').ascensor({
ascensorName: 'ascensor',
childType: 'article',
ascensorFloorName: floorName, // Here we set floor's name
time: 1000,
windowsOn: 0,
direction: "chocolate",
ascensorMap: rowStep, // Here we set the map
easing: 'easeInOutQuad',
keyNavigation: true,
queued: false,
queuedDirection: "y",
overflow:"hidden"
});
最後に、floorName = ['floor1', 'floor2', 'floor3'] と rowStep = [[0,1], [1,1], [2,1]] が必要です。これは for で取得したものなので問題ありませんが、これら 2 つの変数をどのように解釈すればよいかわかりません...
PS : これを作成するために PHP を使用しましたが、Javascript を使用する必要があります。