Настройка:
У меня есть страница, написанная на JS, которая имеет 3 основных элемента: альбомы, фотографии и контейнер изображений. Каждое фото можно перетаскивать, а контейнер можно сбрасывать (практически перетаскиваемое фото также можно перетаскивать, чтобы можно было менять и удалять изображения). Я использовал библиотеку jquery-ui для перетаскивания.
Требование:
Теперь я хотел бы добавить еще 2 страницы и сделать эти 3 страницы вместе мастером, в котором пользователь может перемещаться вперед и назад с помощью кнопок «Вперед» и «Назад».
- каждая страница отображает контейнер с фотографиями (конечно, все ранее введенные данные должны отображаться)
- Кнопки «Вперед» и «Назад» позволяют перемещаться от страницы к странице и сохранять все данные.
- перетаскиваемое фото все еще можно перетаскивать через div
- должен быть совместим со всеми основными браузерами
- легко реализовать;)
Вопрос:
Какое решение лучше всего подойдет?
я подумал о нескольких вариантах:
- Используйте формы и используйте кнопку отправки для навигации. минусов: сохранение данных о состоянии может быть сложным, так как в контейнере изображений нужно сохранять манипуляции с изображениями, такие как повороты и кадрирование и т. Д.
- Используйте iFrame в качестве оболочки для раздела фотографий и альбомов и заменяйте содержимое фрейма для каждой страницы при навигации пользователя. минусов: фреймы не оптимизированы для SEO (или я ошибаюсь?), Изображения могут быть трудно перетаскивать между iframe и контейнером изображений.
- Замените div для фотографий и альбомов, используя ajax и загрузив вместо них разные div.
Я уверен, что есть много других плюсов и минусов и, возможно, других способов сделать это. Поскольку я никогда раньше не реализовывал мастера, я хотел бы знать, как лучше всего его написать.
спасибо!