
Другие языки программирования и технологии
Как сделать себе такую же "фишку" на сайте?
На сайте tvmastera ru есть панель с мониторами и телевизорами в самом верху... Так вот, ссылки в этой панели грузятся моментально, словно их содержимое уже на вашем винчестере... Помогите сделать также. :D

1) Внимааааааааааааательно читаем код страницы. Обнаруживаем, что на картинках этой навигации тупо стоят прямые относительные ссылки на обычные HTML-документы. Так что, любые программируемые чудеса исключены. К чему там прикручен скрипт в заголовке, типа для кроссбраузерности - вообще не особо понятно.
2) Пробейте трассу до сайта и скорее всего окажется, что его хостер лежит рядом с Вашим провайдером - отсюда и скорость. У меня они открывались не особо быстро.
3) Страницы хорошо оптимизированы, графика по сути не меняется, значит, на последующих страницах берётся из кэша браузера, а не скачивается заново, ничего лишнего нет - это к Вашему давешнему вопросу о раскраске полосы прокрутки.
2) Пробейте трассу до сайта и скорее всего окажется, что его хостер лежит рядом с Вашим провайдером - отсюда и скорость. У меня они открывались не особо быстро.
3) Страницы хорошо оптимизированы, графика по сути не меняется, значит, на последующих страницах берётся из кэша браузера, а не скачивается заново, ничего лишнего нет - это к Вашему давешнему вопросу о раскраске полосы прокрутки.
думаю, речь идет примерно об этом:
http://jqueryfordesigners.com/coda-slider-effect/
делается так:
все "страницы" - это на самом деле одна страница. просто часть ее скрывается (очень желательно это делать тем же джаваскриптом - в примере этого слайдера так и есть) .
контент изначально разбит на "слайды" - т. е. блоки, или страницы, если угодно, и каждому слайду соответствует свой элемент меню. можно "листать" как в демо, или как на странице по ссылке работает верхнее меню (Tutorial - Try Demo - View Code - Comments) - просто показывать "слайд" - т. е. блок с нужным контентом без анимации.
http://jqueryfordesigners.com/coda-slider-effect/
делается так:
все "страницы" - это на самом деле одна страница. просто часть ее скрывается (очень желательно это делать тем же джаваскриптом - в примере этого слайдера так и есть) .
контент изначально разбит на "слайды" - т. е. блоки, или страницы, если угодно, и каждому слайду соответствует свой элемент меню. можно "листать" как в демо, или как на странице по ссылке работает верхнее меню (Tutorial - Try Demo - View Code - Comments) - просто показывать "слайд" - т. е. блок с нужным контентом без анимации.
Александр Хопин
Одна беда: в том сайте, про который вопрос, ничего близкого нет и ничего там не листается.
как вариант - загрузить сайт в мирософт экспрешн вэб студио и разобрать код, пакет достаточно удобный для таких операций
Александр Хопин
Webdeveloper отменили?
Визуально очень похоже на AJAX (страница полностью не перезагружается, а запрос на сервер отправляет) . Не скажу какая конкретно библиотека использовалась, лень копаться (их целая туча подобных) .
Не советую использовать эту технологию, на общедоступной части сайта, т. к. это плохо влияет на индексацию поисковыми системами.
Еще, такого же примерно эффекта (даже лучше, потому что там вообще запросов к серверу не используется) можно добиться с помощью
jQuery UI Tabs
Не советую использовать эту технологию, на общедоступной части сайта, т. к. это плохо влияет на индексацию поисковыми системами.
Еще, такого же примерно эффекта (даже лучше, потому что там вообще запросов к серверу не используется) можно добиться с помощью
jQuery UI Tabs
В сети очень много разных рекомендаций на эту тему, вот основные, которые могу припомнить:
1. правильно оптимизировать изображения
2. Верстка макета без таблиц только слои! (таблица будет отображаться только после полной загрузки) , таблицы допустимы только в содержимом страницы
3. Сжатые js библиотеки (у приведенного в пример сайта они не сжаты)
4. Сжатые css
5. Абсолютные ссылки на стили картинки и скрипты
6. сжатие при помощи gzip
А вообще сайт грузится быстро только по тому что реально на нём нет ничего тяжелого: больших изображений, флеш, тяжелых JS библиотек и т. п.
1. правильно оптимизировать изображения
2. Верстка макета без таблиц только слои! (таблица будет отображаться только после полной загрузки) , таблицы допустимы только в содержимом страницы
3. Сжатые js библиотеки (у приведенного в пример сайта они не сжаты)
4. Сжатые css
5. Абсолютные ссылки на стили картинки и скрипты
6. сжатие при помощи gzip
А вообще сайт грузится быстро только по тому что реально на нём нет ничего тяжелого: больших изображений, флеш, тяжелых JS библиотек и т. п.
Сергей Пономарёв
И вы кстати очень точно подметили "словно их содержимое уже на вашем винчестере" при открытии все изображения, js библиотеки, css файлы сохраняются у вас на компьютере и при переходе на другие страницы подгружается только текст, а картинки и т.п. грузится с вашего жесткого диска (КЕШа).
Похожие вопросы
- Как сделать такую кнопку у себя на сайте
- как сделать чтоби син не лазил на сайт вконтакте???
- Где можно взять человека, который бы сделал очень-очень масштабный и крупный сайт за 100.000р?
- Предложил мне человек сделать SEO оптимизацию на его работающий сайт. Я сказал что нет практики, знаю теорию только.
- Как лучше сделать сайт
- Как сделать сайт со своим дизайном?
- Что сделать: Блог или Сайт? (внутри)
- О чём сделать сайт?
- Создание сайта, вот решил сделать сайт что для этого нужно сделать?
- Как бесплатно сделать себе сайт?