-1

画像パス tp jQuery を追加する方法を教えてください。このスクリプトの色付きのボックスを実際の実際の画像に置き換えようとしています。現在はローカルで作業しているため、C: を使用しました。

理想的には、画面に 5 つの画像を次々に表示したいのですが、画像をクリック可能にして、クリックすると特定の URL に移動できるようにしたいと考えています。

これは可能ですか？

ありがとう

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").fadeIn();
    $("#div2").fadeIn("slow");
    $("#div3").fadeIn(3000);
    $("#div4").fadeIn(5000);
    $("#div5").fadeIn(7000);
  });
});
</script>
</head>
   <body>
    <p>Demonstrate fadeIn() with different parameters.</p>
    <button>Click to fade in boxes</button>
    <br />
    <br />
    <div id="div1">
        <img src="images/myimage1.png" alt="about" width="304" height="228"/>
    </div>
    <div id="div2">
        <img src="images/myimage2.png" alt="about" width="304" height="228"/>
    </div>
    <div id="div3">
        <img src="images/myimage3.png" alt="about" width="304" height="228"/>
    </div>
    <div id="div4">
        <img src="images/myimage4.png" alt="about" width="304" height="228"/>
    </div>
    <div id="div5">
        <img src="images/myimage5.png" alt="about" width="304" height="228"/>
    </div>
</body>
</html>
4

4 に答える 4

0

相対イメージ パスを使用する必要があります。プロジェクトのディレクトリ構造を作成します。たとえば、c:\myProject です。そこに images ディレクトリを追加します (c:\myProject\images)。次に、次のようなパスを使用できます。

<img src="images/myimage.jpeg" alt=""\>
于 2013-09-17T10:01:07.933 に答える