使用MySQL表数据填充nivoSlider变量未定义错误

Question

我正在尝试编写使用nivoSlider来显示存储在服务器上的动态图像的代码。我需要使用查询返回的数据来填充nivoSlider脚本中的变量。

我遇到的问题是如何传递返回的数据，以便每个显示的图像都将正确的数据用于“效果”，“时间间隔”， “ AnimSpeed”，“ Slices”，“ BoxCols”和“ BoxCols”。每个循环运行时，下面的代码将生成空白图像。控制台显示一个“未定义”，它指向末尾未定义的图像的路径example.com/apps/signage/1/DS2/undefined

我尝试了许多方法来完成此操作，但没有一个起作用。

任何人都可以看到我要去哪里或我做错了吗。

下面是代码构造

<?php
while($row_Signage = mysql_fetch_array($Signage)){ 
?>

<script type="text/javascript">
$(window).load(function() {
console.log("MORE THAN ZERO )");
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'];?>';
var Slices = '<?php echo $row_Setting['Slices'];?>';
var BoxCols = '<?php echo $row_Setting['Cols'];?>';
var BoxRows = '<?php echo $row_Setting['Rows'];?>';


$('#slider').nivoSlider({
effect: Effect,
slices: Slices,
boxCols:BoxCols,
boxRows: BoxRows,
animSpeed: AnimSpeed,
pauseTime: TimeLapse,
startSlide: 0,
directionNav: false,
controlNav: false,
controlNavThumbs: false,
pauseOnHover: false,
manualAdvance: false,
randomStart: false,
beforeChange: function(){},
afterChange: function(){},
slideshowEnd: function(){},
lastSlide: function(){},
afterLoad: function(){}
});
});
</script>

<?php
echo '<img src="/'.$ImagePath .''.$row_Signage['PromotionImage'].'" /> ';
} 
?>

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