Figured out some workarounds, but still having one issue that I haven't solved yet.
For the gradient BG, I just made the BG of MooCoverflowCK transparent and put a gradient on the Joomla container behind it.
I solved the extra text by just using other modules and playing with the margins through custom CSS called by the module suffix.
I've not been able to figure out how to make the coverflow flatter (instead of on an arc). I'm certain there's something here I can modify, but through trial and error I've not found it yet - anyone have an idea?
(file is mooflow.js - line 340-363)
Code:
process: function(x){
var z,W,H,zI=this.iL,foc=this.foc,f=this.factor,sz=this.sz,oW=this.oW,offY=this.offY,div,elh,elw;
this.master.images.each(function(el){
div = el.div.style;
elw = el.width;
elh = el.height;
if(x>-foc*6 && x<foc*6){
with (Math) {
z = sqrt(10000 + x * x) + 100;
H = round((elh / elw * f) / z * sz);
W = round(elw * H / elh);
if(H >= elw * 0.5) {W = round(f / z * sz);}
div.left = round(((x / z * sz) + sz) - (f * 0.5) / z * sz) + 'px';
div.top = round(oW * 0.4 - H) + offY + 'px';
}
el.con.style.height = H*2 + 'px';
div.width = W + 'px';
div.zIndex = x < 0 ? zI++ : zI--;
div.display = 'block';
} else {
div.display = 'none';
}
x += foc;
});
