怎样用webview + js实现图片的放大？

Question

我想实现一个像网易新闻里的点击新闻里的图片放大的功能，各位帮帮忙看看怎样实现？

Answer 1

android中利用webview调用网页上的js代码。

Android 中可以通过webview来实现和js的交互，在程序中调用js代码，只需要将webview控件的支持js的属性设置为true，，然后通过loadUrl就可以直接进行调用，如下所示：

mWebView.getSettings().setJavaScriptEnabled(true);

mWebView.loadUrl("javascript:test()");

js实现图片放大的效果

希望用JS特效来实现当鼠标点击图片是在原图上放大，再点击时，可以返回原图的效果。准确的代码如下：

无标题文档<script type="text/javascript">// <![CDATA[
    function toggleit(){
        var img1=document.getElementById("img1");
        if(img1.className=="img1"){
            img1.className="img2";
        }
        else{
            img1.className="img1";
        }
    }
// ]]></script></pre>
<img id="img1" class="img1" onclick="toggleit()" src="a.png" alt="" />
<pre>这里是其它内容.

引用自：http://www.znjcx.com/html/y2012/937_effect-of-using-js-to-achieve-click-picture-to-zoom-in.html
http://www.cnblogs.com/leizhenzi/archive/2011/06/29/2093636.html