簡體   English   中英

supersize.js與wordpress post atachment集成

[英]supersized.js integration with wordpress post atachment

關於如何將wordpress發布圖像附件集成到supersized.js所需的數組中以便進行簡單格式化的任何建議?

http://www.buildinternet.com/project/supersized/ http://buildinternet.com/project/supersized/slideshow/3.1/fade.html

它需要數組中的圖像,例如-

幻燈片:[//幻燈片圖像{image:'http://buildinternet.s3.amazonaws.com/projects/supersized/3.1/slides/quietchaos-kitty.jpg',標題:'Kitty Gallannaugh的《安靜的混亂》,網址: 'http://www.nonsensesociety.com/2010/12/kitty-gallannaugh/'},{image:'http://buildinternet.s3.amazonaws.com/projects/supersized/3.1/slides/wanderers-kitty。 jpg”,標題:“ Kitty Gallannaugh的流浪者”,網址:“ http://www.nonsensesociety.com/2010/12/kitty-gallannaugh/”},{圖片:“ http://buildinternet.s3.amazonaws”。 com / projects / supersized / 3.1 / slides / apple-kitty.jpg”,標題:“ Applewood by Kitty Gallannaugh”,網址:“ http://www.nonsensesociety.com/2010/12/kitty-gallannaugh/'}]

我發現了這個-https://www.wpoutfitters.com/2011/01/wordpress-image-attachment-gallery-revisited/,但不確定如何使其適合數組。

該網站似乎可以將supersized.js與html正文中的圖像一起使用http://www.cstone.com.au

$(function() {
    var imgpad = $("img.bgscaler").prop('src');
    jQuery(function($){
        $.supersized({
            slides : [ {image : imgpad, title : 'Achtergrond'} ]
        });
    }); 
});

將圖像加載到站點中之后,您可以提取src url並將其放入變量中。 現在,您可以將其輸入到超大尺寸中。 確保給圖像一些CSS以使其顯示:無。

而已。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM