gistfile1.js

/*
 creates a parallax widget, top is UIimage, bottom is UIview
    parameters:
    image : url || Ti.Blob
    view : UIView
 */

module.exports = function() {
    var args = arguments[0] || {};
    var imageheight =0;
    var self = Ti.UI.createScrollView({
        scrollType : 'vertical',
        top : 0
    });
    self.topimage = Ti.UI.createImageView({
        image : args.image || 'http://lorempixel.com/1200/800/sports/Dummy-Text/',
        top : 0,
        height : imageheight,
        width : Ti.UI.FILL,
        height : Ti.UI.SIZE,
        zIndex : 99
    });
    self.add(self.topimage);
    self.add(args.view);
    self.children[1].opacity=0;
    self.topimage.addEventListener('load', onloadFunc);
    function onloadFunc() {
        imageheight = self.topimage.size.height;
        self.children[1].top = imageheight + 15;
        self.removeEventListener('load', onloadFunc);
        self.children[1].animate({
            opacity : 1
        });
    }
    self.addEventListener('scroll', function(_e) {
        self.topimage.top = _e.source.contentOffset.y * 0.1;
    });
    Ti.Gesture.addEventListener('orientationchange',  onloadFunc);
    return self;
};