Какая-то фигня с отображением страницы..
Такое дело.
Значится, делала я сайт, с трудом пополам, совершенно не умея, но костяк сделала. Все по большей части создано через dreamweawer, соответственно просматривала я его через кнопочку "предварительный просмотр в браузере". Хром, как и везде у меня, если это имеет значение. Так вот, когда я закинула страничку через ftp на хостинг, то у меня отображается все кошмарно коряво. Вместо меняющейся картинки фоном, изображение подвисает и страница остается кривой. Вопрос.! У меня где-то корявый код, у меня слишком большие изображения (2 мб в среднем) или дело в хостинге? Вот ссылка на то, как ЭТО выглядит: кошмар-кошмар. Может дело вообще в моем компе, а у других оно будет приличным? |
Цитата:
|
Цитата:
|
Цитата:
|
ну сайты еще никому не причиняли вреда в отличие от хирургов.
Лучше б по делу написали. |
Ahterknica,
1. Выбросьте прозрачность картинки paper-transparent.png, сделайте её в формате jpg, полупрозрачность устанавливайте с помощью opacity http://htmlbook.ru/css/opacity Операция двойного наложения полупрозрачных тяжелых по весу картинок с размножением отнимает на рендинг страницы кучу ресурсов После правки можно смотреть менее существенное, Хотя имхо фон не айс http://qps.ru/8poW7 http://qps.ru/8poW7 |
фон - это меняющиеся фотографии, которые как раз и не отображаются толком...
|
Цитата:
а ваши последние ссылки не понятно на что указывают..( |
Вообще, подскажите, кто шарит во всем этом, нормально ли на одну страницу вешать 4-5 фотографий размером по 2-3 мб? или это очень много?
мне кажется, что из-за их размера такая беда. Но в то же время, когда я их уменьшаю до такого состояния, что страдает качество, фон все равно зависает. |
Цитата:
Если только этоне фотки супер-пупер фотографа или художника... |
Цитата:
его масштабируете width:100%;height:100%;position:fixed; он отдельный и на нём ничего не висит; для небольших div c фоновой прозрачностью делаем так <div style="border:1px solid red;font-weight:bold;width:270px;height:140px;position:relative;"> <div id=fon style="background-image:url(http://javascript.ru/forum/images/smilies/agree.gif);opacity:0.2;position:absolute;width:100%;height:100%;"></div> <p style="padding:8px;"> , когда делала это полупрозрачное меню, но тогда буквы разделов тоже , когда делала это полупрозрачное меню, но тогда буквы разделов тоже </p> |
В оригинале это должно выглядеть примерно так. А фоновые картинки меняются.
|
Цитата:
вопрос-то во влиянии их размеров на скорость загрузки страницы.. |
Цитата:
Цитата:
Пользователей смартов и планшетов твой сайт просто добъет и оставит без штанов за трафик... Пожалей людей, смири гордыню. ;) |
ну блиин, у нас ведь правда офигенные фотографии.)
|
Цитата:
Но видимо, все же не фон влиял на загрузку страницы.. |
Теперь все это дело тормозит так: http://whitesea-camp.ru.preview.ihc.ru/
|
Кстати, тут вся лажа была из-за хостинга. поменяла хост - все стало прилично.
|
Часовой пояс GMT +3, время: 22:28. |