2 zhenglingkun zhenglingkun 于 2013.01.17 10:06 提问

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

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

1个回答

Eiseno
Eiseno   2013.01.17 15:03

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

Eiseno
Eiseno 看下那个博客,需要从java调用。
接近 5 年之前 回复
zhenglingkun
zhenglingkun js代码是放在哪里的,android工程吗?
接近 5 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片