Well the blinking you see is cause is loading again the data and generating the view, saw for you maybe is just a little blink but if you but more thing in it or you add some downloading or streaming for each view, that blink will become in a white page loading.
What you can do is on the page changed listener you should add code to set the current zoom level on the last webview.
lastPos = pos - 1;
NOTE: This is just an EXAMPLE, maybe you have to change something depending on your configuration before this can work with your code.
this example assumes that the WebView is the only child of each page from the viewpager, if you have more or if the WebView is inside a relative or linear layout, then you will have to add the code to retrieve the WebView and the apply the change on the zoom.
If you want the image to take all the screen inside the webview, you can do this.
in this case "web" is my object of type "WebView". Good luck.
web.loadData("<html><head></head><body><img src='" + url //IMAGE URL
+ "' style='width:100%;height:98%;max-width:100%;max-height:98%;'></body></html>",
"text/html", "utf-8"); //THIS WILL FIT THE IMAGE TO TAKE ALL THE SCREEN
I managed to make this one work: '((ExtendedWebView) mPager.getChildAt(pos)).loadDataWithBaseURL(null, data, "text/html", "UTF-8", null);' I'm using css to make the image fit the screen (but it's not working) like this: 'String data = "<div>" + "<table width=\"100%\" height=\"100%\">" + "<tr><td style=\"vertical-align:middle; text-align:center; margin:0px\">" + "<img src=\""+ url + "\"/>" + "</td></tr>" + "</table>" + "</div>";'
Well seeing your code seems like you are not setting the image to take the fill width or height of the table, you are just setting the table to take the full screen, BUT you need to specify to the img tag that he also needs to take the full size of the table, and when dealing with images is better to also specify a max-width and max-height. One more thing, if you want to do it right stop using tables to arrange things, you better use css, you only need a img tag for this to work. Ex. <html><head></head><body><img src="" style=""></body></html> and that's it. Good luck
It's not working. I'm trying something like this: '"<img src=\"" + url + "\" style=\"width:"+scrWidth +"px; vertical-align:middle; text-align:center; margin:0px\">' scrWidth is width of the screen in pixels.
i already made a working example and added the code to load the URL in my answer.