Слайдер страниц jQuery, основанный на источнике данных JSON

Question

Это мой первый пост в SO, я бы хотел получить результат, показанный здесь http://builtbybuffalo.com/project/view/bored-of-southsea/date/desc

Как видите, на странице используется динамический слайдер jquery с содержимым, взятым из источника JSON. Мне нужна ваша помощь в понимании процесса, и позже я постараюсь воссоздать этот удивительный слайдер.

Как видите, если вы нажмете кнопку "предыдущая" и "следующая", страница URL не изменится, и она загрузит код из файла json.

Не могли бы вы помочь мне найти это решение? Я действительно благодарю вас за ваши предложения.

Объятия! Marco

Answer 1

Что вы можете сделать, это использовать $.getJSON для получения данных (они должны быть правильно сформированы, см. http://www.json.org/). Вы хотите вернуть массив объектов в порядке ваших слайдов.

{"items": [{"thumb": "", "large": ""}]}

Имейте набор шаблонов. Если вы стремитесь только к изображениям, может потребоваться URL-адрес как для миниатюр, так и для больших изображений, используйте миниатюру для создания кнопки.

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