{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 Emotional °昔 的问题《Cache external image in a PhoneGap App》','https://www.manongdao.com/q-1345924.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
I have 3rd party images being used in a application. I don't want to download and package them in the app because it would violate copyright.
How can I have the application on first time opening, load all the images and cache them, so that if its opened again offline the images could still be accessed?
Try using cache manifest: http://www.w3.org/TR/html5/offline.html. Allows you specify content to be cached for offline use.
Change your html tag to:
In the cache.appcache file: