bueno muchachos tengo el siguiente código html:

div id="part-preview-tpl" style="display:none;">
        <div style="padding:'10px 10px 10px 10px'">
            <h1>{title}</h1>
            <img style="float:left" height="400" width="400" src= "{imageSrc}"/> 
            <h2>Title</h2>
            <p>{title}</p>
            <h2>Introduction of the part</h2>
            <p>{introduction}</p>
        </div>

y en el .js, algo asi:

var Guide = {
                              
                title: title,
                introduction:introduction
                imageSrc: 'http://www.linternaute.com/sport/magazine/photo/8-experiences-sportives-insolites/image/tennis-heliport-381085.jpg',
                                id: id
                            };
previewTpl = Ext.Template.from('part-preview-tpl', {
        compiled : true,
        disableFormats: true
    });
var html = previewTpl.apply(Guide); 
panel.add({html:html}); //

el problema es que no me esta cargando la imagen, todo el resto esta mostrando bien.. alguna idea de que estoy haciendo mal? de ante mano gracias por sus respuestas!!