ColdFusion中通过XML获取滑块图像
Slider image fetching through XML in ColdFusion
我正试图在coldfusion页面中实现一个滑块&编写了jQuery脚本,用于通过XML文件获取图像。我的XML文件包括路径&图像的其他详细信息。但它不起作用,尽管它对我的WAMP服务器上的简单文件起作用。ColdFusion代码:
<cfoutput>
<script type="text/javascript" src="#request.serverCustom#rangers/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="#request.serverCustom#rangers/js/simplegallery.js"></script>
<script type="text/javascript">
var myArray = [];
$(document).ready(function() {
alert("outside");
$.ajax({
//alert("ajax inside");
type: "GET",
url: "#request.serverCustom#rangers/js/sites.xml",
dataType: "xml",
success: function(xml) {
var count = 0;
$(xml).find('site').each(function() {
var url = $(this).find('url').text();
var target = $(this).find('target').text();
var imageURL = $(this).find('imageURL').text();
var alt = $(this).find('alt').text();
myArray[parseInt(count)] = new Array(imageURL, url, target, alt);
count++;
});
var mygallery2 = new simpleGallery({
wrapperid: "simplegallery2",
dimensions: [400, 240],
imagearray: myArray,
autoplay: [true, 10000, 99],
persist: true,
fadeduration: 1000,
oninit: function() {
},
onslide: function(curslide, i) {
}
})
}
});
alert(mygallery2);
});
</script>
<div style="background: black none repeat scroll 0% 0%; overflow: hidden;
position: relative; visibility: visible; -moz-background-clip: border; -moz-background-origin:
padding; -moz-background-inline-policy: continuous; width: 400px; height: 265px;" id="simplegallery2">
</div>
</cfoutput>
我的XML代码:-
<?xml version="1.0" encoding="iso-8859-1"?>
<sites>
<site>
<url><![CDATA[http://facebook.com]]></url>
<target>_new</target>
<alt>First Image : Random Image with Baloon(Will Go to FB)</alt>
<imageURL><![CDATA[/img/Image1.jpg]]></imageURL>
</site>
<site>
<url><![CDATA[http://google.com]]></url>
<target>_new</target>
<alt>Second Image : Random Image of a Toy(Will Go to Google)</alt>
<imageURL><![CDATA[/img/Image2.jpg]]></imageURL>
</site>
<site>
<url><![CDATA[http://twitter.com]]></url>
<target>_new</target>
<alt>Third Image : Random Image with Lighter with Water Filled</alt>
<imageURL><![CDATA[/img/Image3.jpg]]></imageURL>
</site>
<site>
<url><![CDATA[http://enablingdimensions.com]]></url>
<target>_new</target>
<alt>Fourth Image : A Image from Game(Will Go To Our Site)</alt>
<imageURL><![CDATA[/img/Image4.jpg]]></imageURL>
</site>
<site>
<url><![CDATA[http://ed.konnected.me]]></url>
<target>_new</target>
<alt>Fifth Image : A Cartoon in Yellow Background</alt>
<imageURL><![CDATA[/img/Image5.jpg]]></imageURL>
</site>
<site>
<url><![CDATA[http://yahoo.com]]></url>
<target>_new</target>
<alt>Sixth Image : Eating Fish with Anger(Will Go To Yahoo)</alt>
<imageURL><![CDATA[/img/Image6.jpg]]></imageURL>
</site>
</sites>
我的文件夹"img"位于本地路径中。就连我也试着在$.ajax
内部保持警惕,但它坏了。我也尝试过获取链接图像,这在WAMP中起作用,但也没有起作用。有线索吗?
您的示例中没有ColdFusion代码(除了#request.serverCustom#)。在这种情况下,您不需要将整个dang脚本括起来。将输出仅围绕这些变量。
<cfoutput>
<script type="text/javascript" src="#request.serverCustom#rangers/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="#request.serverCustom#rangers/js/simplegallery.js"></script>
</cfoutput>
然后在JS内部:
type: "GET",
url: "<Cfoutput>#request.serverCustom#</cfoutput>rangers/js/sites.xml",
将整件事括起来会奏效,但对我来说似乎更混乱(尽管其他人会更喜欢)。
如果你在CF方面有问题,那么这个var很可能就是问题所在。加载您的页面并转到"查看源代码"-检查所呈现的HTML。如果jquery-1.3.2.min.js和simplgallery.jas文件的路径出错,则需要通过调整#request.serverCustom#变量或添加斜线或其他方法来修复它。
我通常从视图源复制出来,并在浏览器中加载路径,看看我得到了什么(当然是调整相对和绝对。
如果是别的事情,恐怕我们需要更多的信息。它到底在做什么?
相关文章:
- 获取ajax加载的图像的大小
- 点击(右键点击)使用传单地图库获取图像覆盖的像素坐标
- 如何使用javascript和xpath获取图像src
- 如何使用javascript从文件夹中获取图像并发布直接链接
- 如何使用Pixijs获取在加载的精灵表资产中定义的图像
- 如何从 javascript 中可能具有一个或多个图像的字符串中仅获取图像名称
- 获取图像节点js的主色
- 获取图像的平均外部像素颜色
- 使用asp.net FileUpload时从javascript获取图像宽度和高度
- 如何获取显示在谷歌搜索右侧的图像链接
- CodeIgniter:用于获取包括图像在内的值的控制器
- jQuery:获取图像加载错误的详细信息
- 如何使用php和javascript获取网页中显示图像的路径
- 使用回调获取图像像素数据
- 使用JavaScript从外部图像获取颜色
- 将完整路径图像获取到输入文件中
- 如何利用织物画布上的背景图像获取绘图路径中的图像
- 无法将图像加载到画布中并为该图像获取base64编码
- Android从内部图像获取ImageData()-SECURITY_ERR:DOM异常18
- 将html转换为图像(获取dom的快照)