Question

我使用此示例创建虚拟导览。 http://www.openstudio.fr/lab/jQuery-virtual-tour,67.html?lang=en

在我的身体中，我使用此代码在当前图像中创建向右或向左移动：

    <img id="my_image" src="img/sculpteur.jpg" class="advancedpanorama" width="2448" height="375"    usemap="testmap" alt="Atelier du sculpteur" />
       <map id="testmap" name="testmap">
                <area shape="rect" coords="1653,72,1839,255" href="index.html" alt="vers la salle de formation" />
                <area shape="rect" coords="2013,114,2091,210" href="img/statue1.jpg" alt="statues" class="thickbox" />
                <area shape="rect" coords="1920,276,2070,351" href="img/gouges.jpg" alt="gouges" class="thickbox" />
</map>

我使用另一个代码jequer通过onClick事件修改当前图像：

$('#my_image').on({
'click': function(){
    $('#my_image').attr('src','second.jpg');
}
});

但那个dosn不起作用。我测试了这个脚本的另一个图像，它工作！

如何解决这个问题？ THX，

@telford，我使用了你的代码，但是没有工作!!

                <div class="content-left">
                    <div class="row1">
                        <h1 class="title">Welcome To <span>Our Site</span></h1>
                        <p class="title"><strong>Visitez </strong><span>notre société :pour cela,cliquez sur les lieux ci-dessous:bonne visite!</span></p>
                        <div id="page">     
                            <img src="img/s5.jpg" class="advancedpanorama" width="2448" height="375" usemap="testmap" alt="Salle de réunion" />
                            <map id="testmap" name="testmap">       
                                <area shape="rect" coords="2013,114,2091,210" href="ap2.php" alt="**********" class="thickbox" /> 
                                <area shape="rect" coords="1920,276,2070,351" href="ap.php" alt="***********" class="thickbox" /> 

                                <area shape="rect" coords="1653,72,1839,255" href="salleformation.html" alt="vers la salle de formation"/>
                                <area shape="rect" coords="1527,50,1653,114" href="p18/demo/new.html" alt="vers la salle de réunion"/>
                            </map>
                        </div>
                    </div>
            </div>

            <div>
                <img id="my_image" src="s11.png"/>
            </div>

在头部，我有这个代码：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

<script type="text/javascript" src="jquery.panorama.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("img.advancedpanorama").panorama({
                    auto_start: 0,
            start_position: 1527
             });
    });
</script>
<script>
    $('#my_image').on('click', function(){
        $(this).attr('src','s12.png');
      }
    });
</script>
<script type="text/javascript" src="js/cvi_text_lib.js"></script>
<script type="text/javascript" src="jquery.advanced-panorama.js"></script>
<script type="text/javascript" src="js/jquery.flipv.js"></script>
<script type="text/javascript" src="js/jquery.fancybox-1.3.1.pack.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
      $('.thickbox').fancybox();
    });
</script>

我有另一个问题：是否有可能在当前图像上添加事件点击以使用jquery更改src属性当另一个jquery javascript应用于此图像时???我的图片和代码是http://www.openstudio.fr/lab/jQuery-virtual-tour,67.html?lang=en .. thx

Answer 1

不确定这只是一个错字，但你的jQuery代码应该是：

$('#my_image').on('click', function(){
    $(this).attr('src','second.jpg');
  }
});

jquery改变了当前的图像

1 个答案: