ColdFusion中通过XML获取滑块图像

Slider image fetching through XML in ColdFusion

本文关键字:图像 获取 XML ColdFusion      更新时间:2023-09-26

我正试图在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#变量或添加斜线或其他方法来修复它。

我通常从视图源复制出来,并在浏览器中加载路径,看看我得到了什么(当然是调整相对和绝对。

如果是别的事情,恐怕我们需要更多的信息。它到底在做什么?