If you are looking to add banner transition effect, below is what you are looking for.






<style>

.camera_next, .camera_prev {background-color: rgba(255,255,255,0);}.cameraSlide img.imgLoaded {border-radius : 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;}.shadowslide {background-image: url("/images/themes/theme3/mildgloss/carouselshadow.png");background-position : center bottom;background-repeat : no-repeat;height: 37px;margin: auto;text-align: center;width : 896px;}.camera_pag_ul {background-color: rgba(255,255,255,0)!important;}.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent {background: #FF8D3F none no-repeat right top;}

</style>

<script>

$j('div[data-src]').attr('data-fx', 'curtainSliceLeft');

$j('div[data-src]').attr('data-time', 2000);

$j('div[data-src]').attr('data-transPeriod', 1300);

</script>


Below are the various transitions supported.


'random','simpleFade', 'curtainTopLeft', 'curtainTopRight', 'curtainBottomLeft', 'curtainBottomRight', 'curtainSliceLeft', 'curtainSliceRight', 'blindCurtainTopLeft', 'blindCurtainTopRight', 'blindCurtainBottomLeft', 'blindCurtainBottomRight', 'blindCurtainSliceBottom', 'blindCurtainSliceTop', 'stampede', 'mosaic', 'mosaicReverse', 'mosaicRandom', 'mosaicSpiral', 'mosaicSpiralReverse', 'topLeftBottomRight', 'bottomRightTopLeft', 'bottomLeftTopRight', 'bottomLeftTopRight', 'scrollLeft', 'scrollRight', 'scrollHorz', 'scrollBottom', 'scrollTop'

N.B.: you can also use more than one effect, just separate them with commas: 'simpleFade, scrollRight, scrollBottom'

Example, $j('div[data-src]').attr('data-fx', 'curtainSliceLeft,blindCurtainTopLeft,mosaic,random');


P.S. : This is not applicable for Layout 5 and layout 2


Please add the code in Settings --> Advanced Feature --> Third party Javascript