Решил, что я непонятен - я просто поместил скрипт в файл функций и назвал его хуком wp-footer, который позволил мне выводить переменные json в самом скрипте. Просто для тех, кто пытается использовать суперразмерные с системой вложений Wordpress, вот код, который я использовал полностью:
Вызовите вложения и создайте массив json:
// Get all of the images attached to the current post
// These images will be used in the Supersized homepage gallery
function supersized_get_images($size = 'full') {
global $post;
$photos = get_children( array('post_parent' => $post->ID, 'post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image', 'order' => 'ASC', 'orderby' => 'menu_order ID') );
$results = array();
if ($photos) {
foreach ($photos as $photo) {
$keys [] = $photo->ID;
$captions [] = $photo->post_excerpt;
$descriptions [] = $photo->post_content;
// get the correct URL for the selected size
$results[] = array('image' => wp_get_attachment_url($photo->ID, 'full'), 'title' => '', 'url' => get_attachment_link($photo->ID));
}
}
return str_replace('\/', '/', json_encode($results));
}
Хорошо, чтобы получить изображения, создать массив, а также правильно отформатировать URL-адреса, удаляя экранированные косые черты, которые выглядели так: http: \ / \ / www.
Затем мне пришлось встроить скрипт в нижний колонтитул перед тегом body, вот так:
function super_settings() { ?>
<script type="text/javascript">
jQuery(function($){
$.supersized({
//Functionality
slideshow : 1, //Slideshow on/off
autoplay : 1, //Slideshow starts playing automatically
start_slide : 1, //Start slide (0 is random)
random : 0, //Randomize slide order (Ignores start slide)
slide_interval : 3000, //Length between transitions
transition : 1, //0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
transition_speed : 500, //Speed of transition
new_window : 1, //Image links open in new window/tab
pause_hover : 0, //Pause slideshow on hover
keyboard_nav : 1, //Keyboard navigation on/off
performance : 1, //0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
image_protect : 1, //Disables image dragging and right click with Javascript
image_path : '/../../../slideshow/', //Default image path
//Size & Position
min_width : 0, //Min width allowed (in pixels)
min_height : 0, //Min height allowed (in pixels)
vertical_center : 1, //Vertically center background
horizontal_center : 1, //Horizontally center background
fit_portrait : 1, //Portrait images will not exceed browser height
fit_landscape : 0, //Landscape images will not exceed browser width
//Components
navigation : 0, //Slideshow controls on/off
thumbnail_navigation : 1, //Thumbnail navigation
slide_counter : 1, //Display slide numbers
slide_captions : 1, //Slide caption (Pull from "title" in slides array)
slides : <?php echo supersized_get_images(); ?>
});
});
</script>
<?php }
add_action('wp_footer', 'super_settings');
Это добавляет действие к wp_footer, который вызывает функцию super_settings, встраивающую скрипт в нижний колонтитул, и вы можете видеть, что последняя строка скрипта повторяет функцию supersized_get_images() и выводит массив ключей и значений непосредственно в javascript.
Я рад, что могу ответить на него сам, так как это такой нубский вопрос, который мне было неловко задавать его, но я надеюсь, что это поможет людям, которые хотят использовать supersized, без необходимости использовать собственный путь загрузки в WordPress или возиться с FTP - просто используйте стандартную галерею постов WordPress
]
Все, что вам нужно сделать, это включить supersized.js и скрипт настроек на странице, где вы хотите, чтобы фон появился. Виола! Если у кого-то есть улучшения, они могут предложить всем желающим опубликовать их здесь.