Переменная Jquery

Question

У меня есть внешний код Jquery, который выглядит следующим образом:

jQuery(function($){

    $.supersized({
      navigation              :   1,    //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                  :   [
                        {image : 'some/path', title : 'title'},
                        {image : 'some/path', title : 'title'},  
                        {image : 'some/path', title : 'title'}

      ] //Slide Images to be specified on page
    }); 
});

Могу ли я заменить опцию 'slides' какой-то переменной, например $ slide_urls, и объявить пути к изображениям на отдельных html-страницах?

Answer 1

Пока переменная $ slide_urls объявлена ​​где-то, что будет видно внутри функции supersized () и является массивом объектов, вы можете легко установить ее в другом месте страницы и ссылаться на нее в своей функции:

$(window).ready(function(){
  $slide_urls = [ /* specific slides for the page */ ];
  // ... other code
  $.supersized({
    // other options
    slides: $slide_urls
  }
}

Answer 2

Это было бы возможно, если вы объявите slide_urls как глобальную переменную.

Однако, imo лучше поместить этот код в его собственную функцию и вызывать его со страниц, передавая правильные данные:

// in your "external" code:

function setup(urls) {
    $.supersized({
      //...
      slides: urls
    });
}

// in the pages

$(function() {
    setup([/*...urls here...*/]);
});