Question

我想要显示图像（300x169），当用户点击图像时，它会被替换（在相同位置）与相同尺寸的iframe。

Answer 1

我只向你展示了jquery方法：

<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    </head>
    <body>
        <p>Some html content</p>
        <div id='holder'><img id='myImg' width='300' height='169' src="noimage.png"></div>
        <p>Some other html content</p>
    </body> 
    <script>
        $('#myImg').click(function () {
            $('#myImg').remove();
            $('<iframe/>')
                .attr('id', 'iframeId')
                .attr('src', 'http://someurl')
                .appendTo("#holder")
        });
    </script>
</html

＆GT;

单击时，图像被iframe替换

1 个答案: