Proprietà background

[maxcondor]

Ho questa porzione di codice ajax

.anythingSliderFx({
   inFx: {
    '.caption-bottom' : { bottom: 0, opacity: 0.6, time: 400 },

   },
   outFx: {
    '.caption-bottom' : { bottom: -50, opacity: 0, time: 350 },

   }

Vorrei effettuare questa modifica sostituendo la proprietà opacity, lo script però genera errore.

.anythingSliderFx({
   inFx: {
    '.caption-bottom' : { bottom: 0, background: rgba(20, 40, 0, 0.6), time: 400 },

   },
   outFx: {
    '.caption-bottom' : { bottom: -50, opacity: 0, time: 350 },

   }

[m4rko80]

Perche' gli passi un array di chiavi/valori che viene in qualche modo interpretato e da errore.
Dovresti controllare nello script/plugin come interpreta i valori/chiavi passati e se nelle opzioni puoi passare altro.

[maxcondor]

ho controllato nel plugin

getBaseFx = function(size){
			return {
				// 'name' : [{ inFx: {effects}, { outFx: {effects} }, selector: []]
				'top'    : [{ inFx: { top: 0 }, outFx: { top: '-' + (size || sliderHeight) } }],
				'bottom' : [{ inFx: { bottom: 0 }, outFx: { bottom: (size || sliderHeight) } }],
				'left'   : [{ inFx: { left: 0 }, outFx: { left: '-' + (size || sliderWidth) } }],
				'right'  : [{ inFx: { right: 0 }, outFx: { right: (size || sliderWidth) } }],
				'fade'   : [{ inFx: { opacity: 1, time: 500 }, outFx: { opacity: 0, time: 500 } }],
				'expand' : [{ inFx: { width: '100%', top: '0%', left: '0%' } , outFx: { width: (size || '10%'), top: '50%', left: '50%' } }],
				'listLR' : [{ inFx: { left: 0, opacity: 1 }, outFx: [{ left: (size || sliderWidth), opacity: 0 }, { left: '-' + (size || sliderWidth), opacity: 0 }], selector: [':odd', ':even'] }],
				'listRL' : [{ inFx: { left: 0, opacity: 1 }, outFx: [{ left: (size || sliderWidth), opacity: 0 }, { left: '-' + (size || sliderWidth), opacity: 0 }], selector: [':even', ':odd'] }],

				'caption-Top'    : [{ inFx: { top: 0, opacity: 0.8, zIndex: 10 }, outFx: { top: ( '-' + size || -50 ), opacity: 0, zIndex: 0 } }],
				'caption-Right'  : [{ inFx: { right: 0, opacity: 0.8, zIndex: 10 }, outFx: { right: ( '-' + size || -150 ), opacity: 0, zIndex: 0 } }],
				'caption-Bottom' : [{ inFx: { bottom: 0, opacity: 0.8, zIndex: 10 }, outFx: { bottom: ( '-' + size || -50 ), opacity: 0, zIndex: 0 } }],
				'caption-Left'   : [{ inFx: { left: 0, opacity: 0.8, zIndex: 10 }, outFx: { left: ( '-' + size || -150 ), opacity: 0, zIndex: 0 } }]
			};
		};

Forse dovrei smanettare qui dentro?