0

例へのリンクを追加する必要がある回転バナーがあります。以下はjsコードの一部です。index.phpページでhrefを機能させるための私の問題。

function change_banner(){

data=xmldata[changenum];                    //get current banner XML object 

img=$(data).attr("src");                    //retrieve variables
href=$(data).attr("href");
target=$(data).attr("target");

$(".banner_img_href").attr("href",href);        //change variables on HTML
$(".banner_img_href").attr("target",target);
$("#banner_image").attr("src",img);

これはhtmlです：

<div class="banner">
    <div class="banner_text">
        <img src="images/banner_text.png">
    </div>
    <div class="banner_img">
         <img   border='0' src="images/banner_gas.png" id='banner_image' alt='Banner Image' />
    </div>
</div>

基本的なリンクを試しましたが、サイコロはありません。私がこれでどこが間違っているのかわからない。

ありがとうございました、

B墓

4

1 に答える 1

1

基本的なリンクを試したとおっしゃっていましたが、次のhtmlが機能するはずです。

<div class="banner">
    <div class="banner_text">
        <a class="banner_img_href" href="http://someurl.com">
            <img src="images/banner_text.png">
        </a>
    </div>
    <div class="banner_img">
         <a class="banner_img_href" href="http://someurl.com">
             <img border='0' src="images/banner_gas.png" id='banner_image' alt='Banner Image' />
         </a>
    </div>
</div>

JavaScript：

function change_banner(){

    data=xmldata[changenum];                    //get current banner XML object 

    img=$(data).attr("src");                    //retrieve variables
    href=$(data).attr("href");
    target=$(data).attr("target");

    $(".banner_img_href").attr("href",href);        //change variables on HTML
    $(".banner_img_href").attr("target",target);
    $("#banner_image").attr("src",img);
}

コードにはクラスを持つ要素がなかったbanner_img_hrefため、href属性は実際にはどの要素にも設定されていませんでした。

これが機能しない場合は、データにhrefの有効なURLが実際に含まれていること、およびデータを取得できることを確認します（ブラウザーの開発者ツールを使用してブレークポイントを設定し、値を確認するか、出力します）を使用したJavaScriptコンソールへの値console.log(href)。

編集：データの取得方法とデータの形式を確認しました。XMLファイルはおそらく次のように異なる形式である必要があります。

<gallery fade="500" ontime="5000">
    <picture src="images/banner_gas.png" href="desiccant-dryers-air-dryers.php" />
    <picture src="images/banner_liquid.png" href="backwashing-sand-filters.php" />
    <picture src="images/banner_mis.png" href="air-cooled-chillers-explosion-preventers.php" />
</gallery>

問題は、データの取得方法とデータの形式にあります。上記のようにxmlファイルをフォーマットすると、正常に機能するはずです。

于 2012-07-27T21:29:48.800 に答える