cannot load image from internet with the device

[marwenmoalla]

i use sencha touch 2 with PhoneGap(Cordova)
i load images from the internet and use them in the listview. When I launch my app in desktop browser, image loads fast and goes to the listview item. BUT on the device image cannot load

[mitchellsimoens]

Is it a connection issue? Are the images large?

[marwenmoalla]

no the connection is not issue and the same image when i use it from local it will display but from the internet the image cannot load
i will describe the probleme with a sample code
Ext.define('MyApp.view.ImageContainer', {
extend: 'Ext.Container',
alias: 'widget.ImageContainer',


config: {
items: [
{
xtype: 'image',
height: 201,
id: 'MyImage',

src: 'http://www.sencha.com/assets/images/sencha-avatar-64x64.png'
},
{
xtype: 'panel',
//flex: 2,
html: 'Sencha Inc.<br/>1700 Seaport Boulevard Suite 120, Redwood City, CA'
}
]
},



});

record.details = Ext.create('MyApp.view.ImageContainer', {
title: record.get('text')
});



// set the src of image
var image = record.details.child('#MyImage');



//image.setSrc(record.get('res'));
image.setSrc("../localfile.png");
it's work with a local file
but when i set the Src with an url from the internet it's not work
the same probleme when i use Ext.video if i use a local file it's work but a distant file it's not work
against when i use Ext.video and url from the internet it's work

[mitchellsimoens]

I Used this test case and it took a bit for the new image to be downloaded but it did show after a couple seconds:

var cnt = new MyApp.view.ImageContainer({
    fullscreen : true
});

var image = cnt.down('image');

image.setSrc('http://www.sencha.com/files/blog/old/blog/wp-content/uploads/2010/06/sencha-logo.png');