0

XMLファイルを介して画像を取得するためのcoldfusionページと書かれたjQueryスクリプトにスライダーを実装しようとしています。私の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で動作するリンク画像も取得してみましたが、それもうまくいきませんでした。どんな手掛かり ？

4

1 に答える 1

0

サンプルには 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# 変数を調整するか、スラッシュなどを追加して修正する必要があります。

私は通常、ビュー ソースからコピーし、ブラウザーにパスをロードして、何が得られるかを確認します (もちろん、相対と絶対を調整します。

それ以外の場合は、もう少し情報が必要になると思います。それは実際に何をしているのですか？

于 2012-07-10T13:55:09.340 に答える