Досадная ошибка в банерном цикле - PullRequest
Новая
       4

Досадная ошибка в банерном цикле

0 голосов
/ 18 февраля 2011

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

К сожалению, переход выглядит как ошибка., и изображение исчезнет, ​​покажите то же самое изображение снова и затем исчезните в новом.Я думаю, что где-то допустил простую ошибку, но не могу понять, где она.код, используемый для циклического отображения баннеров:

В документе готов: 

if ($('.home').length > 0){
        $('<img width="100%" />').attr('src', '/assets/img/backgrounds/home/hero'+homecount+'.jpg').load(function(){
                $('.hero').append( $(this) );
                $('.hero img').fadeIn('medium').delay(10000).fadeOut('slow', loopImages);
                setHeroHeight();
        });
    }

Внешний документ готов: 

function loopImages(){
    homecount = homecount+1;
    if (homecount > 5){
        homecount = 1;  
    }
    $('.hero img')
        .attr('src', '/assets/img/backgrounds/home/hero'+homecount+'.jpg')
        .load(function(){ $('.hero img').fadeIn('fast')}).delay(10000).fadeOut('slow', loopImages);
}

Любая помощь будет принята с благодарностью

Спасибо

Дейв

1 Ответ

1 голос
/ 18 февраля 2011

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

 $(document).ready(function(){
   function runIt(){
     $('*img*').each(function(i, elem) {
       $("*container*").delay(5000).fadeOut(1000, function() {
         $(this).html($(elem).html());
       }).fadeIn(1000, runIt);
     });
   };
   runIt()
 });

*img*: здесь вы называете ваши изображения

*container*: это элемент, где вы хотите, чтобы ваше изображение появилось.

Вы можете увидеть код в действии здесь: dinwoodie.net

...