Зажигалка Lightbox Solution

Question

Вот мой сайт: http://benjaminpotter.org/.

Если вы не были там раньше, у вас должно получиться приятное, запаздывающее всплывающее окно - есть идеи, как его уменьшить и сделать его немного быстрее?

Я установил оверлей в CSS, используя цвет фона, и заставил его исчезать с помощью простого jQuery:

$("$overlay_big").fadeOut(0);
$("$overlay_big").fadeIn(1000);

Answer 1

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

Если вы хотите дождаться загрузки изображения, используйте $(window).load(function() { ... } ) вместо $(document).ready(function() { ... } )

Попробуйте уменьшить размер изображения, если вы можете, и если вы хотите загрузить изображение быстрее, вы можете либо изменить его на <img ... /> и переместить его как можно ближе к вершине, либо переместить CSS стиль с фоновым изображением в верхней части файла CSS (на этот счет я только предполагаю, что это будет иметь эффект).