在Javascript中动态设置(当前为静态)图像数组
我想通过javascript和js文件实现图像的幻灯片放映,其中幻灯片放映包含top4图像 我使用了脚本,其中图像数组具有静态图像 我想通过从index.aspx.cs文件中查找图像名称来动态转换它 它们存储在隐藏字段中。如何检索这些隐藏字段并将其添加到图像数组在Javascript中动态设置(当前为静态)图像数组,javascript,jquery,asp.net-ajax,Javascript,Jquery,Asp.net Ajax,我想通过javascript和js文件实现图像的幻灯片放映,其中幻灯片放映包含top4图像 我使用了脚本,其中图像数组具有静态图像 我想通过从index.aspx.cs文件中查找图像名称来动态转换它 它们存储在隐藏字段中。如何检索这些隐藏字段并将其添加到图像数组 <script type="text/javascript"> var mygallery2=new fadeSlideShow({ wrapperid: "fadeshow2", //ID of blank DIV on
<script type="text/javascript">
var mygallery2=new fadeSlideShow({
wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow
dimensions: [568, 313], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["images/1.jpg", "", "", ""],
["images/2.jpg", "", "", ""],
["images/3.jpg"],
["images/4.jpg", "", "", ""] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "always",
togglerid: "fadeshow2toggler"
})
</script>
var mygallery2=新的fadeSlideShow({
wrapperid:“fadeshow2”//PageToHouse幻灯片上空白DIV的ID
尺寸:[568313],//画廊的宽度/高度(像素)。应反映最大图像的尺寸
图像阵列:[
[“images/1.jpg”、“”、“”、“”、“”],
[“images/2.jpg”、“”、“”、“”、“”],
[“images/3.jpg”],
[“images/4.jpg”、“”、“”、“”]/如果您知道隐藏字段[隐藏输入框]的id,则可以尝试此方法
imagearray: [
[$("#id1").val(), "", "", ""],
[$("#id2").val(), "", "", ""],
[$("#id3").val()],
[$("#id4").val(), "", "", ""] //<--no trailing comma after very last image element!
]
imagearray:[
[$(“#id1”).val(),,,,,,,],
[$(“#id2”).val(),,,,,,],
[$(“#id3”).val(),
[$(“#id4”).val(),“”,“”,“”,“”]/在执行给定脚本之前,您可以创建包含脚本名称的Javascript数组,但这是适当的,例如:
var myImages = [];
var hiddenElements = getMyHiddenElements();
for (int i = 0; i < hiddenElements.length; i++)
{
myImages[myImages.length] = hiddenElements[i].value;
}
这将使用先前为图像源创建的阵列。(请注意,根据您的代码片段,您可能需要将其设置为二维数组,其中可能包含标题/说明,但原理不变。根据隐藏字段,预先将数组创建为标准Javascript变量,然后将其传递给幻灯片构造器)
请注意,从隐藏字段中提取信息听起来并不是实现此功能的最干净的方法。您可能会发现,如果您动态生成页面,实际上更容易使用文字Javascript数组声明生成页面,而不是添加隐藏字段,然后将其转换为数组“运行时”通过JS。你应该试着把问题的标题改成更有意义的标题。嘿,我也有同样的问题。你能告诉我你是怎么做到的吗?
var mygallery2=new fadeSlideShow({
...
dimensions: [568, 313], //width/height of gallery in pixels
imagearray: myImages,
...