Слайдер Nivo отличается эффектом перехода для каждого изображения - PullRequest
Новая
       23

Слайдер Nivo отличается эффектом перехода для каждого изображения

0 голосов
/ 19 марта 2019

Я работаю над сценарием, который использует Nivo Slider.У меня это работает, но я бы хотел, чтобы у каждого изображения был свой эффект перехода.Изображения загружаются с использованием вызова MySQL, который возвращает ImageName и Effect в качестве переменных PHP.

$ row_Signage ['PromotionImage'] = ImageName: image_1.png $ row_Signage ['Effect'] = Effect: slideInRight

Код конфигурации для слайдера Nivo: 

$(window).load(function() {
  var TimeLapse = '<?php echo $row_Setting['TimeLapse'];?>';    
  var Effect = '<?php echo $row_Setting['Effect'];?>';  
  console.log("EFFECT", Effect);
  var AnimSpeed = '<?php echo $row_Setting['AnimSpeed'];?>';    
  $('#slider').nivoSlider({
        effect: Effect,
    slices: 30,
    boxCols: 16,
    boxRows: 8,
    animSpeed: AnimSpeed,
    pauseTime: TimeLapse, 
    startSlide: 0,
    directionNav: false,
    controlNav: false,
    controlNavThumbs: false,
    pauseOnHover: false,
    manualAdvance: false,
    //prevText: 'Prev',
    //nextText: 'Next',
    randomStart: false,
    beforeChange: function(){},
    afterChange: function(){},
    slideshowEnd: function(){},
    lastSlide: function(){},
    afterLoad: function(){}
});
});

У меня есть цикл PHP While для отображения изображений: 

if($totalRows_Signage > 0){
    while($row_Signage = mysql_fetch_array($Signage)){
          echo '<img src="/'.$ImagePath .''.$row_Signage['PromotionImage'].'" data-transition="'.$row_Signage['Effect'].'"/> ';
      $i++;
    }
} else {
    echo '<img src="/'.$DefaultImagePath .'"/>';
}

У меня проблема с эхомоператор в цикле while не принимает переменную data-transition, я попытался несколькими способами написать строку, которая выводит изображения.Может кто-нибудь увидеть, где я иду не так.

Большое спасибо заранее за вашу помощь и время.

1 Ответ

0 голосов
/ 20 марта 2019

Возвращаясь к этому вопросу, он фактически работал с кодом, который я разместил.Странно, но это работает.

...