#jquery #dynamic #load #slider
#jquery #динамический #загрузить #слайдер
Вопрос:
Я пытаюсь создать что-то, где в верхней части экрана установлена постоянная панель навигации, а под ней загружаются новые полные HTML-страницы (с iframe или чем-то еще).
Я нашел это, где вы загружаете новые полные страницы в область содержимого ниже, сохраняя панель навигации вверху (которая также динамична, согласно изображению для изменения страницы).
Но я хочу знать, как я могу сделать так, чтобы при нажатии на новую страницу для загрузки она «скользила» на новую страницу, как это, или перетаскивалась с помощью мыши, как страницы на ipad.
Это моя первая публикация здесь, так что, надеюсь, я правильно объясняю. Заранее благодарю вас за любую помощь или руководство!
Ответ №1:
в основном вам нужно создавать все свои страницы при загрузке главной страницы. Все страницы, кроме первой, невидимы для пользователя, потому что они находятся за пределами экрана. При нажатии кнопки вы можете использовать этот плагин jQuery, чтобы переместить ваше окно на выбранную страницу.
Вы можете выполнить некоторую оптимизацию, например, загрузить страницу только при запросе с использованием ajax, а не при первой загрузке, но концепция та же.
Надеюсь, это поможет
Комментарии:
1. Большое вам спасибо за ваш ответ, wezzy. Плагин slideto интересен, но, похоже, он способен загружать отдельные полные HTML-страницы, каждая со своим заголовком, телом, разными сценариями и т.д.?
2. Привет А.Л. если вы хотите загружать полные страницы, я предлагаю вам использовать несколько iframe (один для страницы) на главной странице, а затем попросить плагин jQuery перейти к выбранному iframe
3. Еще раз спасибо, Уиззи. Как вы думаете, плагин slideto мог бы включать фиксированную навигацию вверху, которая динамически изменяется в зависимости от того, какой iframe загружен, например, так 3.s3.envato.com/files/1526824/index.html#load=instructions.html
4. Вы должны поместить фиксированную часть на главную страницу и поместить весь iframe в <div>. Чем вы можете заставить этот div скользить вместо полной страницы. Это исправляет вашу навигацию (возможно, это работает также для создания навигации position:fixed для вас). Имейте в виду, что плагин создает эффект слайда, но он ничего не отображает, вам нужно создать меню самостоятельно
Ответ №2:
Что-то вроде jCarousel может сработать для вас.
Вот пример:
http://sorgalla.com/projects/jcarousel/examples/static_simple.html