在 Javascript 中动态设置（当前是静态的）图像数组答案

【问题标题】：Dynamically setting (currently static) image array in Javascript在 Javascript 中动态设置（当前是静态的）图像数组
【发布时间】：2010-11-10 09:43:27
【问题描述】：

我想通过javascript和js文件实现图片的幻灯片，其中幻灯片包含top4图片。

我使用了图像数组有静态图像的脚本。

我想通过从 index.aspx.cs 文件中查找我的图像名称来动态转换它它们存储在隐藏字段中。如何检索这些隐藏字段并将它们添加到图像数组中？

<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>

上面的脚本有静态图像的图像数组。我想通过查找隐藏字段值来像在第一个脚本中一样动态地制作它。

我该怎么做。

我的 JavaScript 很差。请帮帮我

【问题讨论】：

您应该尝试将问题的标题更改为更有意义的内容
嘿，我也有同样的问题。你能告诉我你是怎么做到的吗？

标签： javascript jquery asp.net-ajax

【解决方案1】：

在给定的脚本执行之前，您可以创建一个包含脚本名称的 Javascript 数组，但是是合适的，例如：

var myImages = [];
var hiddenElements = getMyHiddenElements();
for (int i = 0; i < hiddenElements.length; i++)
{
   myImages[myImages.length] = hiddenElements[i].value;
}

那么当你创建fadeSlideShow时，你可以传入这个数组，而不是创建一个内联：

var mygallery2=new fadeSlideShow({
 ...
 dimensions: [568, 313], //width/height of gallery in pixels
 imagearray: myImages,
 ...

这将使用您之前为图像源创建的数组。（请注意，根据您的 sn-p，您可能需要将其设为二维数组，其中可能包含标题/标题，但原理保持不变。创建数组事先作为标准 Javascript 变量，基于您的隐藏字段，然后 将其传入到幻灯片构造函数）。

请注意，从隐藏字段中提取信息听起来并不是实现此功能的最简单方法。您可能会发现，如果您正在动态生成页面，实际上更容易使用文字 Javascript 数组声明来生成页面，而不是添加隐藏字段然后在“运行时”通过 JS 将它们转换为数组。

【讨论】：

【解决方案2】：

如果你知道你的隐藏字段[隐藏输入框]的id，那么你可以试试这个

imagearray: [
  [$("#id1").val(), "", "", ""],
  [$("#id2").val(), "", "", ""],
  [$("#id3").val()],
  [$("#id4").val(), "", "", ""] //<--no trailing comma after very last image element!
 ]

【讨论】：