JavaScriptのみの画像ギャラリー(NextGENワードプレスプラグイン)があります
1つのJSファイルで動的に構築されます。カルーセルをクリックするとコンテンツが表示されます。
JSファイルの大まかな概要は次のとおりです。
function buildPanels() {
// If panel overlay content exists, add the necessary overlay background DIV
// The overlay content and background are separate elements so the background's opacity isn't inherited by the content
j_panels.each(function(i){
if($('.panel-overlay',this).length>0) {
$(this).append('<div class="overlay-background"></div>');
}
});
カルーセル全体を一度に作成し、現在の画像/説明のみを表示します。次に、条件/ディメンションなどに基づいてCSSを割り当てます。
上記のコードで作成されたDIVを静的DIVに変換したいと思います。静的DIVは一度だけ表示され、そこに残りますが、ループ内の残りの要素はカルーセルに従って循環します。しかし、私はまだ.panel-overlay(静的要素ではありません)の子になりたいです