Вставить теги php

manaz
На сайте с 13.12.2013
Offline
61
760

Есть галерея. которая подгружается на странице кодом:

<script type="text/javascript">


$.getJSON("/8/agile_carousel_data.php", function (data) {
$(document).ready(function(){
$("#flavor_2").agile_carousel({
carousel_data: data,
carousel_outer_height: 600,
carousel_height: 330,
slide_height: 230,
carousel_outer_width: 800,
slide_width: 800,
transition_type: "fade",
transition_time: 600,
timer: 3000,
continuous_scrolling: true,
control_set_1: "numbered_buttons,previous_button,pause_button,next_button",
control_set_2: "content_buttons",
change_on_hover: "content_buttons"
});
});
}); // ready

</script>

в файле agile_carousel_data.php подгрузка самих изображений галереи и код его:

 

[{ "content": " <td ><div class='slide_inner'><img class='photo' src='/8/images/1.png' ></a></div>",
"content_button": "<div class='thumb1'><img src='/8/images/1.png' ></div>"
}, {
"content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='/8/images/2.png' alt='Paint'></a><a class='caption' href='#'>Sample Carousel Pic Goes Here And The Best Part is that...</a></div>",
"content_button": "<div class='thumb2'><img src='/8/images/2.png' alt='bike is nice'></div>"
}, {
"content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='/8/images/3.png' alt='Tunnel'></a><a class='caption' href='#'>Sample Carousel Pic Goes Here And The Best Part is that...</a></div>",
"content_button": "<div class='thumb3'><img src='/8/images/3.png' alt='bike is nice'></div>"
}, {
"content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='/8/images/4.png' alt='Bike'></a><a class='caption' href='#'>Sample Carousel Pic Goes Here And The Best Part is that...</a></div>",
"content_button": "<div class='thumb'><img src='/8/images/4.png' alt='bike is nice'></div><p>Agile Carousel Place Holder</p>"
}, {
"content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='/8/images/5.png' alt='Paint'></a><a class='caption' href='#'>Sample Carousel Pic Goes Here And The Best Part is that...</a></div>",
"content_button": "<div class='thumb'><img src='/8/images/5.png' alt='bike is nice'></div>"



}, {
"content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='/8/images/6.png' alt='Paint'></a><a class='caption' href='#'>Sample Carousel Pic Goes Here And The Best Part is that...</a></div>",
"content_button": "<div class='thumb'><img src='/8/images/6.png' alt='bike is nice'></div><p>Agile Carousel Place Holder</p>"


}, {
"content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='/8/images/7.png' alt='Paint'></a><a class='caption' href='#'>Sample Carousel Pic Goes Here And The Best Part is that...</a></div>",
"content_button": "<div class='thumb'><img src='/8/images/7.png' alt='bike is nice'></div><p>Agile Carousel Place Holder</p>"

}, {
"content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='/8/images/8.png' alt='Paint'></a><a class='caption' href='#'>Sample Carousel Pic Goes Here And The Best Part is that...</a></div>",
"content_button": "<div class='thumb'><img src='/8/images/8.png' alt='bike is nice'></div><p>Agile Carousel Place Holder</p>"

}, {
"content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='/8/images/9.png' alt='Paint'></a><a class='caption' href='#'>Sample Carousel Pic Goes Here And The Best Part is that...</a></div>",
"content_button": "<div class='thumb'><img src='/8/images/9.png' alt='bike is nice'></div><p>Agile Carousel Place Holder</p>"


}, {
"content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='/8/images/10.png' alt='Paint'></a><a class='caption' href='#'>Sample Carousel Pic Goes Here And The Best Part is that...</a></div>",
"content_button": "<div class='thumb'><img src='/8/images/10.png' alt='bike is nice'></div><p>Agile Carousel Place Holder</p>"


}, {
"content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='/8/images/11.png' alt='Paint'></a><a class='caption' href='#'>Sample Carousel Pic Goes Here And The Best Part is that...</a></div>",
"content_button": "<div class='thumb11'><img src='/8/images/11.png' alt='bike is nice'></div><p>Agile Carousel Place Holder</p>"

}, {
"content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='/8/images/12.png' alt='Paint'></a><a class='caption' href='#'>Sample Carousel Pic Goes Here And The Best Part is that...</a></div>",
"content_button": "<div class='thumb12'><img src='/8/images/12.png' alt='bike is nice'></div><p>Agile Carousel Place Holder</p>"

}, {
"content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='/8/images/13.png' alt='Paint'></a><a class='caption' href='#'>Sample Carousel Pic Goes Here And The Best Part is that...</a></div>",
"content_button": "<div class='thumb13'><img src='/8/images/13.png' alt='bike is nice'></div><p>Agile Carousel Place Holder</p>"


}]

вот нужно разбить этот вывод изображений в таблице на блоки, но при вставке самой таблицы в код agile_carousel_data.php получаю белый экран. Помогите как правельно вставить таблицу в agile_carousel_data.php чтоб разбить на блоки вывод изображений

siv1987
На сайте с 02.04.2009
Offline
427
#1

Что разбить? Что вставить? Куда вставить?

manaz
На сайте с 13.12.2013
Offline
61
#2
siv1987:
Что разбить? Что вставить? Куда вставить?

Именно в agile_carousel_data.php вставить таблицу, так как сейчас изображения выводятся в ряд. А нужно разбить на столбцы.

Вставить <table border="0">

<tbody>

<tr>

<td >

....

</td>

</tr>

</tbody>

</table>

siv1987
На сайте с 02.04.2009
Offline
427
#3

Лучше почитать документацию. Там должно быть описания формата данных и управления слайдером, потому что слейдеры генерируются библиотекой. Куда вы в объект "rows" вставить таблицу?..

manaz
На сайте с 13.12.2013
Offline
61
#4

нет документации по нему http://www.agilecarousel.com/flavor_2.htm

siv1987
На сайте с 02.04.2009
Offline
427
#5
[Удален]
#6

Помести все картинки в тег <table>!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий