coverflow issues

You must Login before you can answer or comment on any questions.

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!