0

私はPHPとjqueryを初めて使用し、クリックすると上のdivに大きな画像が表示されるサムネイルを使用して画像ギャラリーを設定しようとしています。

これまでのところ、私はこれを持っています：

$(function() {
 $('.thumbnail').click(function(e){
  e.preventDefault();
 $("#large").attr('src',"http://something.com/image.jpg");
 });
});

私がやりたいのは、画像ソースを画像の配列からのものに変更することです。たとえば、誰かがサムネイル A をクリックすると、対応する大き​​な画像 A がサムネイルの上の div に読み込まれます。サムネイル用と大きな画像用の 2 つの配列があります。かなり基本的なことのように思えますが、私が言ったように、私はこれでまったく新しいです!

ありがとう！

4

3 に答える 3

0

あなたのJavaScriptコードは正しいようです。あなたのhtmlコードを見ることができますか？

<html>
    <head>
        <title>Test</title>
        <script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
    </head>
    <body>
        <div id="container">
            <img id="large" src="" />

        </div>
        <div id="thumbnail-container">
            <img class="thumbnail" src="large.PNG" width="50" height="50" alt="test1"/>
            <img class="thumbnail" src="large2.PNG" width="50" height="50" alt="test2"/>

        </div>
        <script>
            $(function() {
 $('.thumbnail').click(function(e){
  e.preventDefault();
 $("#large").attr('src',$(this).attr('[REPLACE_WITH_YOUR_LARGE]'));
 });
});
        </script>

    </body>
</html>

そして、上記のサンプルで js コードを使用するだけです。

于 2013-09-23T01:38:01.190 に答える