Сначала я должен сказать, что есть 4 фактора / решения для моей проблемы:
1. Срок действия кэша / Контроль кэша.
2. Карусель сыча
3.style.css ==> отображение: нет;
4. встроенный стиль ==> отображение: нет;
Проблема: изображение отображается на странице наполовинузатем секунда display: none;
попытки :
- Установка управления кэшем без кэша. заставляет браузер загружать изображения при каждом посещении страницы. что дает время для JS или CSS, и изображения скрыты, прежде чем он сможет показать изображение. Что приводит к медленной загрузке страницы, но решает проблему
- Ожидание, когда сова-карусель скрывает изображение, наихудший результат.
- Установка
display: none; на изображениях в style.css, лучшие результаты, но все же времятребуется браузер для загрузки файла css. - Я предполагал, что встроенный
style="display: none;" будет лучшим вариантом, но все равно есть время показа изображения <~ 0,5 секунды, прежде чем оно перейдет в состояние <code>display: none;.
HTML:
<div class="item" tab_id="15" style="display: none;">
<img src="/upload/slide1.jpg" alt="slide1">
</div>
Примечание: Похоже, что это делает только Google Chrome.