我正在使用JQuery。
我将jQuery作为一种新设计,并且它是硬编码的。
带有image1的硬编码JQuery
$('.slideshow').liveBanner([
{"img_src":"/english/images/spa.jpg",
"img_title":"Enjoy a refreshing shower at 43,000 feet",
"img_alt":"Enjoy a refreshing shower at 43,000 feet",
"img_height":"326",
"img_width":"980",
"header":"Enjoy a refreshing shower at 43,000 feet",
"subheader":"One of many groundbreaking amenities",
"bg_color":"",
"url_href":"1"}
],{"autostart":false,
"pause_time":5500,
"random":false});
我试着让它变得有点动态,因为这些值将根据每个页面,所以有时会有3个图像,有时会有2个图像或者可能是1.在上面我刚刚拿了1个例子。 / p>
我在下面编写代码,使用下面的Jquery代码实现上述所有动态值:
var rotationImagelength = $('#RotationImages input[type=hidden]').length; //Getting the length of the Rotation Image Input type hidder
var ImageDetail="";
var $addDetails="";
var fromPageInput = $("<input>").attr("id", "mainHidden").attr("type", "hidden").attr("name", "fromPage").val(ImageDetail); //Generating the dynamic input type hidden
$('#RotationImages input[type=hidden]').each(function(index,element) //Loop for all the input type hidden in RotationImage DIV
{
if(index != rotationImagelength - 1) //Loop for checking not the last input hidden, we are adding extra Comma(,)
{
ImageDetail = '{"img_src":"'+ $(element).attr("src")+'", "img_title":"'+ $(element).attr("title")+'","img_alt":"'+ $(element).attr("alt")+'", "img_height":"'+ $(element).attr("height")+'","img_width":"'+ $(element).attr("width")+'","header":"'+ $(element).attr("header")+'","subheader":"'+ $(element).attr("subheader")+'","bg_color":"'+ $(element).attr("color")+'","url_href":"'+ $(element).attr("href")+'"},';
$addDetails += ImageDetail;
}
else //Generating HTML for the last input hidden
{
ImageDetail = '{"img_src":"'+ $(element).attr("src")+'", "img_title":"'+ $(element).attr("title")+'","img_alt":"'+ $(element).attr("alt")+'", "img_height":"'+ $(element).attr("height")+'","img_width":"'+ $(element).attr("width")+'","header":"'+ $(element).attr("header")+'","subheader":"'+ $(element).attr("subheader")+'","bg_color":"'+ $(element).attr("color")+'","url_href":"'+ $(element).attr("href")+'"}';
$addDetails += ImageDetail;
}
$(fromPageInput).val($addDetails); //Adding full values in the dynamic input hidden created above
});
$("#RotationImages").append($(fromPageInput)); //Appending to the RotationImage DIV so that we can easily use in JQuery.
我在隐藏的动态创建输入中获取了我所需的所有值(fromPageInput),请看上面的内容,现在我想在Jquery代码下面渲染这些值,如何将它添加到我的函数中。
$('.slideshow').liveBanner([
($("#RotationImages #mainHidden").attr("value"))
],{"autostart":false,
"pause_time":5500,
"random":false});
如果我发出警报,我能够获得值,当我试图独自一人时,它不会添加值。请建议我采取什么方法来做到这一点。
由于
修改
我们可以这样使用,但它仍无效。
var test = ($("#RotationImages #mainHidden").attr("value"));
$('.slideshow').liveBanner([test],{"autostart":false,"pause_time":5500,"random":false});
我的.liveBanner功能低于
$.fn.liveBanner = function(images,optional_options)
{
});
正在寻找一个数组