2012-05-30 2 views
1

Проблема все еще не решена, и я не знаю почему. Однако ; изменить другую тему можно исправить . .......................................Тема не отображает изображение правильно при первой загрузке

У меня возникла проблема с тема tumblr. Он не работал с первого раза. Это не значит, что это не сработает. Он работает только после обновления страницы.

Первый раз, когда я загружаю страницу; большинство элементов (изображений) контента не оформлены; они перекрывает друг друга, и это раздражает

Вот тема

http://tinypaste.com/fa31b3

Если я не ошибаюсь; это отвечает за изображения.

.entry img { 
{block:IndexPage} 
width: {block:IfNot2Columns}240px{/block:IfNot2Columns}{block:If2Columns}500px{/block:If2Columns}; 
{/block:IndexPage} 
{block:PermalinkPage} 
width:500px; 
{/block:PermalinkPage} 
} 

Можете ли вы, ребята, помочь мне. Любые идеи будут оценены

ответ

0

Вы ждали достаточно долго, чтобы содержимое на странице загрузилось?

, когда я использую facebook на устаревшем ноутбуке, то же самое происходит со мной, но он фиксируется примерно через 30-40 секунд, как только все загружается.

+0

Да, человек. Страница загружена полностью. Изображения полностью загружены и перекрываются на других; частично не загружены. И только для первого визита; в следующий раз, когда все в кеше; оно работает. – Tiana987642

+0

Дело в том, что в моем (ограниченном) опыте, если что-то работает над обновлением, это указывает на то, что проблема не в самом коде. потому что, если вы думаете об этом, если строка кода нарушена, почему бы мне волшебно начать работать, просто нажав обновление? вы пробовали на разных браузерах/компьютерах? – superdemongob

+0

Да; человек . По крайней мере у 2 моих друзей есть эта проблема; и мы протестировали его на Firefox; Opera и Chrome. Я не могу понять, что не так :( – Tiana987642

1

Причина в том, что браузеры стирают стили с предыдущими стилями для изображений, и из-за этого у браузеров нет реальных правил (имеют только стили previuos) для ваших изображений.

У меня есть более читаемым и гибкое решение для Вас, который будет работать без исключений:

Tumblr разметки:

<body class=" 
{block:IndexPage} 
    index-page 
    {block:IfNot2Columns}not-twocolumns{/block:IfNot2Columns} 
    {block:If2Columns}twocolumns{/block:If2Columns} 
{/block:IndexPage} 
{block:PermalinkPage} permalink-page{/block:PermalinkPage} 
"> 

CSS:

.index-page.not-twocolumns .entry img { 
    width: 240px; 
} 

.index-page.twocolumns .entry img { 
    width: 500px; 
} 

.permalink-page .entry img { 
    width: 500px; 
} 
+0

Благодарим за помощь; человек Я не совсем понимаю ваши идеи, но думаю, что вы правы, так как большинство загрузка изображений рано, правильно, но те, кто опаздывает, перекрываются другими Я попробую ваше решение и обратную связь позже: D – Tiana987642

+0

@ Tiana987642 Решено ли решение решить вашу проблему? –

+0

Прошу прощения; он не работает :(И еще жаль снова за поздний ответ, я застрял на экзаменах Недавно я изменил другую тему, и проблема была решена. Спасибо всем вам за поддержку :) – Tiana987642

Смежные вопросы