ima trying to load images locally can i do that??or its better remote can some one guide me through the code: var win = Titanium.UI.currentWindow;
var images1 = []; for (var c=0;c<15;c++) { images1[c]='../images/imageview/'+c+'.jpg'; }
var images2 = []; for (var c=15; c<30; c++) { images2[c-15]='../images/imageview/'+c+'.jpg'; }
// create coverflow view with images var view = Titanium.UI.iOS.createCoverFlowView({ images:images1, backgroundColor:'#000' });
// click listener - when image is clicked
view.addEventListener('click',function(e)
{
Titanium.API.info("image clicked: "+e.index+', selected is '+view.selected);
});
// change listener when active image changes
view.addEventListener('change',function(e)
{
Titanium.API.info("image changed: "+e.index+', selected is '+view.selected);
});
win.add(view);
// change button to dynamically change the images var set1 = true; var change = Titanium.UI.createButton({ title:'Change Images', style:Titanium.UI.iPhone.SystemButtonStyle.BORDERED }); change.addEventListener('click',function() { if (set1) { view.images = images2; set1 = false; } else { view.images = images1; set1 = true; } });
// move scroll view left var left = Titanium.UI.createButton({ image:'../images/icon_arrow_left.png' }); left.addEventListener('click', function(e) { var i = view.selected - 1; if (i < 0) { i = 0; } view.selected = i; });
// move scroll view right var right = Titanium.UI.createButton({ image:'../images/icon_arrow_right.png' }); right.addEventListener('click', function(e) { var i = view.selected + 1; if (i >= view.images.length) { i = view.images.length - 1; } view.selected = i; }); var flexSpace = Titanium.UI.createButton({ systemButton:Titanium.UI.iPhone.SystemButton.FLEXIBLE_SPACE }); win.setToolbar([flexSpace,left,change,right,flexSpace]);
2 Answers
Hi Ronny,
Have a look at the following code:
var coverflow = Titanium.UI.iOS.createCoverFlowView({ images:['sponsimages/pnp.png', 'sponsimages/nedbank.png', 'sponsimages/ctimes.png'] }); win.add(coverflow); coverflow.addEventListener('click', function(e){ var index = e.index; var w = Ti.UI.createWindow({ url: 'details.js', navBarHidden: false, barColor: '#000', barImage: 'images/linksbar.png', }); w.nav = Ti.App.navGroup; Ti.App.navGroup.open(w); });I have my images in a sponsimages folder in my app. Also just note that my app is single window based. That is why I use T.App.navGroup. You would just open it in a new window or tab like you would normally do in a tab based application. Hope this helps.
hi martin..i copied the code and it didn't work....note I'm using a tab view app!! thank you!!
Your Answer
Think you can help? Login to answer this question!