интеграция supersized.js с приложением WordPress

Question

Любые предложения о том, как интегрировать прикрепленные к 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', title:' Quiet Chaos by Kitty Gallannaugh ', url:' http://www.nonsensesociety.com/2010/12/kitty-gallannaugh/'}, {image: 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.1/slides/wanderers-kitty.jpg', title:' Wanderers by Kitty Gallannaugh ', url:' http://www.nonsensesociety.com/2010/12/kitty-gallannaugh/'}, {image: 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.1/slides/apple-kitty.jpg', title:' Applewood by Kitty Gallannaugh ', url:' 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

Answer 1

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

После того, как вы загрузили изображение на свой сайт, вы можете извлечь src url и поместить его в Переменная. Теперь вы можете ввести это в увеличенном виде. Удостоверьтесь, что вы даете изображению немного CSS, чтобы выставить его на показ: нет.

Вот и все.