消息关闭
    暂无新消息!

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
<style>
.pageContent {width: 800px; height: 500px;overflow: hidden;}
.imgContainer {width: 100%;height: 100%;}
#positionButtonDiv .positionButtonSpan img {float: right;border: 0;}
.positionMapClass area {cursor: pointer;}
</style>
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/e-smart-zoom-jquery.min.js"></script>
</head>
<body>

<div>

<div class="pageContent">
<div class="imgContainer">
     <img id="imgID" src="images/testMin1.png"/>
    </div>
</div>
<button onclick="replace()">aaa</button>
</div>



<script>
function replace() {
var content = '<img id="imgID" src="images/zoomFullScreen.jpg"/>';
    $(".imgContainer").html(content);
}
    $(document).ready(function() {
        $('#imgID').smartZoom({'containerClass':'zoomableContainer'});
        function zoomButtonClickHandler(e){
            var scaleToAdd = 0.8;
            if(e.target.id == 'zoomOutButton')
                scaleToAdd = -scaleToAdd;
            $('#imgID').smartZoom('zoom', scaleToAdd);
        }
    });
</script>
</body>
</html>



我切换图片后功能失效,实在不知道怎么解决了。求解。

3个回答

︿ 2
我重新加载方法实现了切换。但是实际使用时我切换的方法在另一个js中,问题还是解决不了。