Как заставить 'скользить, используя клавиши со стрелками' работать в файле JSON? - PullRequest
Новая
       13

Как заставить 'скользить, используя клавиши со стрелками' работать в файле JSON?

1 голос
/ 15 августа 2010

Я создал скользящую галерею изображений, где, когда пользователь нажимает стрелки влево / вправо, одно изображение выдвигается, а новое изображение скользит. Это работало хорошо.

Все связанные изображения и описания помещены в мой файл PHP. Теперь я хочу получить несколько новых изображений и обнаружил, что добавление и изменение этого контента заняло у меня больше времени, чем следовало.

Поэтому я решил удалить всю разметку изображения и получить файл JSON для изображений:

Вот код, который я использую для извлечения данных и их ввода в DOM 

 $.getJSON('data.txt', function(data) {
var len = data.length, i; for (i = 0; i < len; i += 1) { 
 $("#image_container").append(
 '<div class="image_frame"><img class="image" src="' + data[i].image + '" width="620px" alt="' + data[i].alt + '">
<div class="caption"></div><div class="innercaption"><p><span>' + data[i].category +
 '</span> &#124;' + data[i].title + '</p></div><div class="caption2"></div><div class="innercaption2">
<p><span>Description</span> &#124 ' + data[i].description + '</p></div></div>' );
  };
});

Он запускается в начале готового документа - но теперь скользящие стрелки не работают, но ошибки не генерируются.

Я предполагаю, что это происходит потому, что контент создается одновременно с кодом слайдера. Так что они не могут видеть друг друга.

Есть ли способ исправить это (возможно, запустить getJSON таким образом, чтобы код слайдера мог его увидеть)?

...