Nivo滑块为每个图像提供不同的过渡效果

时间:2019-03-19 18:10:27

标签: nivo-slider

我正在研究使用Nivo Slider的脚本。我已经在工作,但我想使每个图像具有不同的过渡效果。 使用MySQL调用加载图像,该调用将ImageName和Effect作为PHP变量返回。

$ row_Signage ['PromotionImage'] = ImageName:image_1.png $ row_Signage ['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循环中的echo语句未获取数据转换变量,我尝试了多种方式来编写将echo出图像的行。谁能看到我要去哪里错了。

在此先感谢您的帮助和时间。

1 个答案:

答案 0 :(得分:0)

返回此问题后,它实际上正在使用我发布的代码。奇怪,但是可以。