將標題標題添加到Supersized滑塊？

我正在使用來自Supersized http://buildinternet.com/project/supersized/的此全屏幕背景滑塊。目前我的頁面在底部顯示標題（這是已經內置到插件中的功能）。我不太瞭解jQuery，但基本上我試圖得到的是添加一個不同的標題，以適應不同的背景。將標題標題添加到Supersized滑塊？

我該如何解決這個問題？

來源

2015-05-04 user3097331

這是不可能的擴展。 – Calvintwr

@Calvintwr有沒有辦法，我可以改變＃幻燈片列表的CSS，讓它說話，而不是顯示小圓圈幻燈片鏈接？ – user3097331

更改滑塊上的CSS以包含標題是最難的事情之一。我建議你找一個已經有你粗略需要的滑塊。你可以稍微修改它，但如果它甚至沒有接近你所需要的，你就會把頭髮撕掉。相信我，我一直在那裏，做到了。那裏沒有任何簡單的出路。 – Calvintwr

我使用Drupal的超大型初始化腳本http://cgit.drupalcode.org/supersized/tree/js/supersized.js

它初始化回調 - supesrized_slide_callback（）。有超大回調掛鉤如jQuery Supersized AfterAnimation

我的代碼加載json並適應超大化使用的CSS。添加您自己的錯誤檢查。

jQuery.getJSON("sites/all/themes/mytheme/js/supersized_captions.json", function (data) { 
    window.supsersizeddata = data; 
}); 

window.supersized_slide_callback = function() { 
    // jquery object method used. 
    var details = this.supsersizeddata; 

    var active_slide = jQuery('.activeslide'); 

    // hasOwnProperty 
    if (active_slide.hasClass('slide-0')) { 
    jQuery('.field-name-body').html(details['slide-0']); 
    } 
};

的JSON：

{ 
    "slide-0": ["<h2>Centaurus A</h2>"] 
}

根據需要爲每張幻燈片

來源

2015-12-16 03:35:32 Interlated

將標題標題添加到Supersized滑塊？

回答

相關問題