Блог

Главная - Вопросы по программированию - Добавление GIF-файла предварительной загрузки jQuery в скрипт / функцию

Добавление GIF-файла предварительной загрузки jQuery в скрипт / функцию

#jquery

#jquery

Вопрос:

Как мне добавить предварительную загрузку в этот скрипт? У меня уже есть анимированный GIF-файл. Когда я говорю предварительный загрузчик, я имею в виду вращающийся GIF-файл.

 $(function(){
            // Set starting slide to 1
            var startSlide = 1;
            // Get slide number if it exists
            if (window.location.hash) {
                startSlide = window.location.hash.replace('#','');
            }
            // Initialize Slides
            $('#slides').slides({
                preload: true,
                crossfade: true,
                effect: 'fade',
                fadeEasing: "easeOutQuad",
                fadeSpeed: 400,
                play: 5000,
                pause: 2500,
                hoverPause: true,
                // Get the starting slide
                start: startSlide,
                animationComplete: function(current){
                    // Set the slide number as a hash
                    window.location.hash = '#'   current;
                }
            });
        });

Спасибо за знания!

Овермарс

Комментарии:

1. То, что вы там делаете, будет выполнено только после загрузки всей страницы.

2. Какой плагин jQuery вы используете???

3. Дополнительная информация: Оригинальный автор заключил изображения в тег привязки. Но я решил разместить изображения на заднем плане тега привязки. Таким образом, кодов меньше, а изображения загружаются в файл css только один раз. Однако это по какой-то причине приводит к тому, что загружаемый GIF каким-то образом исчезает.

Ответ №1:

Я не знаю, что вы изменили в своем плагине. Для неизмененного плагина slidejs для настройки вращающегося GIF-файла вам нужно просто указать preloadImage .

Предварительно загруженное изображение (строка)
Название и расположение загружаемого изображения для предварительной загрузки.
Путь по умолчанию — «/img/loading.gif «.

Примером является

 $('#slides').slides({
    preload: true,
    preloadImage: '/img/loading.gif',
    play: 5000,
    pause: 2500,
    hoverPause: true
});

Комментарии:

1. Я пробовал это, но gif не отображается, просто любопытно, будет ли это из-за того, что я не заключил изображение в тег привязки и не поместил изображение на фоне тега привязки?

2. да. вы должны быть очень осторожны при редактировании исходного кода плагина.

3. Спасибо Naveen, я удалил изображения с фона тега привязки и поместил их непосредственно в тег привязки, и теперь я могу видеть Gif-файл предварительной загрузки. Я подумал, что размещение их на фоне gif-файла позволит мне создать спрайт для быстрой загрузки изображений. Спасибо за ваше время и вклад, сэр.