PHP Lang
  1. PHP Lang
  3. Хотите показать «загрузку» изображения во время загрузки страницы – Javascript
Intereting Posts
Создать представление или использовать innerjoins? Зачем мне нужно `str_pad ('', 4096)`, чтобы сделать промывку PHP? Проблемы с пространствами имен PHP и встроенными классами, как исправить? Позиционирование ячейки FPDF Унифицированные логины Joomla для форума и пользовательский php-сайт Как я могу установить ограничение по времени на вызов `exec ()`? .htaccess вызывает проблемы в подпапках легкий сервер RESTful PHP PHP – utf8_decode () для неправильного символа PHP включает / требует внутри функции Как получить следующий буквенно-цифровой идентификатор на основе существующего значения из MySQL Если переменная равна значению php Подготовка пользовательских поисковых терминов для запросов PHP Сессионное хранилище глобально для всех пользователей критерии Активный поставщик данных в Yii 2

Хотите показать «загрузку» изображения во время загрузки страницы – Javascript

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

function displayProducts(){ $('#product_show').fadeOut('slow', function() { // Animation complete setProducts(); $('#product_show').fadeIn('slow'); }); }

Solutions Collecting From Web of "Хотите показать «загрузку» изображения во время загрузки страницы – Javascript"

Я не уверен, что вы – элемент #product_show, но если предположить, что это какой-то контейнер, вы можете просто добавить это изображение к нему (возможно, абсолютно расположенное посередине). и когда он соберется, удалите изображение.

Что-то вроде: 

 $('#product_show').append('<img src="..." class="progress"/>').fadeOut('slow', function() { // Animation complete setProducts(); $('#product_show').remove('img.progress').fadeIn('slow'); });

Я считаю, что лучше всего иметь всегда загружаемый gif div, и просто скрыть / сделать прозрачным, как только загрузка будет завершена.

  1. Затухание существующего, загрузка gif становится видимой.
  2. Ожидание обратного вызова от загрузки нового продукта (вызов ajax или что вы там делаете?)
  3. Когда вы получаете обратный вызов, вы исчезаете в новом продукте. Загрузка gif скрыта.

Хорошая загрузка gif-генератора: http://www.ajaxload.info/