tableview with photoslide

good monring...i need help here...so i made a tableview with rows and i added a photoslide but the photoslide images are not looking as i want it to...the images look complied..like vertically i want it bigger(up -down)..how can i solve this issues???? another question is it posible to have the slides to automataclly slide??? thanks

ar win = Ti.UI.currentWindow;
 
var tableData = [];
 
var sectionData = [{
    title : 'Location # 1',
    hasDetail : true,
    selectedColor : 'red'
}, {
    title : 'Location# 2',
    hasDetail : true,
    selectedColor : 'red'
}, {
    title : 'Location # 3',
    hasDetail : true,
    selectedColor : 'red'
 
}, {
    title : 'email'
}];
 
 
var header = Ti.UI.createView({
    backgroundColor : '#fff',
    height:100
 
});
 
//here is the image i want to put as a header
var view2 = Ti.UI.createView({ backgroundImage:'41.jpg' });
var view3 = Ti.UI.createView({ backgroundImage:'02.jpg' });
var view4 = Ti.UI.createView({ backgroundImage:'05.jpg' });
var view5 = Ti.UI.createView({ backgroundImage:'07.jpg' });
var view6 = Ti.UI.createView({ backgroundImage:'09.jpg' });
var view7 = Ti.UI.createView({ backgroundImage:'10.jpg' });
 
var scrollableView = Ti.UI.createScrollableView({
  views:[view2,view3,view4,view5,view6,view7],
  showPagingControl:true
});
 
 
 
header.add(scrollableView);
 
var section = Ti.UI.createTableViewSection();
section.headerView = header;
 
tableData[0] = section;
 
for (var i = 0; i < sectionData.length; i++) {
    var r = Ti.UI.createTableViewRow(sectionData[i]);
    section.add(r);
}
 
var tableView = Ti.UI.createTableView({
    data : tableData
});
 
win.add(tableView);
win.open();