Как передать параметр в плагин галереи?
Пытаюсь реализовать "отсроченный" запуск supersized галереи с передачей в неё изображений, после того, как пользователь нажал на кнопку и произошло "получение" этих самых необходимых изображений.
Подробнее: 1. Пользователь нажимает на опр.элемент - происходит ajax-запрос на сервер (этот пункт работает) 2. Сервер отдает все необходимые параметры json`ом (этот пункт тоже работает) 3. Ответ приходит и разбирается и формируется в нужный для галерее вид (и это работает) 4. После этого запускается эта самая supersized галерея с полученными изображениями. Но этот пункт никак не хочет работать. Если в галереи заранее определить изображения - все ок. Если пытаться передать, то ничего не работает. Очевидно я чего-то не знаю и делаю что-то не так. Поэтому прошу помощи. Пример кода: var images = ''; //обработка ответа сервера, в результате images имеют такой вид, который необходим //пример вида images = "{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-1.jpg', title : 'Image Credit: Maria Kazvan', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/kazvan-1.jpg', url : 'http://www.nonsensesociety.com/2011/04/maria-kazvan/'}, {image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-2.jpg', title : 'Image Credit: Maria Kazvan', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/kazvan-2.jpg', url : 'http://www.nonsensesociety.com/2011/04/maria-kazvan/'}"; $.supersized({slides:[images]}); |
Почитать документацию галереи?
|
в документации про это ничего нет. у меня вопрос немного в другом, а именно: не могу понять почему когда я заново (первый раз) инициирую галерею туда не передается содержимое переменной images, т.е. если написать:
$.supersized({slides:[{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-1.jpg', title : 'Image Credit: Maria Kazvan', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/kazvan-1.jpg', url : 'http://www.nonsensesociety.com/2011/04/maria-kazvan/'}, {image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-2.jpg', title : 'Image Credit: Maria Kazvan', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/kazvan-2.jpg', url : 'http://www.nonsensesociety.com/2011/04/maria-kazvan/'}]}); То все работает, но если напсиать так: images = "{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-1.jpg', title : 'Image Credit: Maria Kazvan', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/kazvan-1.jpg', url : 'http://www.nonsensesociety.com/2011/04/maria-kazvan/'}, {image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-2.jpg', title : 'Image Credit: Maria Kazvan', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/kazvan-2.jpg', url : 'http://www.nonsensesociety.com/2011/04/maria-kazvan/'}"; $.supersized({slides:[images]}); то ничего не работает |
Честно говоря, я не возьмусь вам помогать. Особенно учитывая, что я не знаю, что это за галерея (она таки не единственная в мире)), как она работает. И не имею желания просто так тратить своё время на разбирание устройства этой галереи и вашего кода.
|
Вопрос решен. Все было достаточно просто: переменную images нужно было собирать как массив, а не как строку. Этого то я как раз и не учел.
|
Часовой пояс GMT +3, время: 04:37. |