| Dir : /home/jairosvt/public_html/afmedios/modules/mod_janewsticker/assets/ |
| Server: Linux server2.noticiasdecolima.com 4.18.0-553.30.1.el8_10.x86_64 #1 SMP Tue Nov 26 02:30:26 EST 2024 x86_64 IP: 107.161.180.42 |
| Dir : /home/jairosvt/public_html/afmedios/modules/mod_janewsticker/assets/script.js |
/**
* ------------------------------------------------------------------------
* JA Newsticker module for Joomla 1.7.x
* ------------------------------------------------------------------------
* Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
* @license - GNU/GPL, http://www.gnu.org/licenses/gpl.html
* Author: J.O.O.M Solutions Co., Ltd
* Websites: http://www.joomlart.com - http://www.joomlancers.com
* ------------------------------------------------------------------------
*/
/**
* JA News Sticker module allows display of article's title from sections or categories. \
* You can configure the setttings in the right pane. Mutiple options for animations are also added, choose any one.
* If you are using this module on Teline III template, * then the default module position is "headlines".
**/
JANewSticker = new Class( {
initialize: function(_options){
this.options = $extend( {
modes: {horizontal:['left','width'],horizontal_right:['left','width'], verticald:['top','height'], vertical:['top','height']},
size:240,
mode: 'horizontal',
buttonEvent:'click',
handlerEvent:'click',
interval: 5000,
autoRun:true,
previousIndex:null,
nextIndex: null,
currentIndex:0,
startItem: 0,
onRunning:null
}, _options || {} );
// list action of button using in the slider.
this.fx = new Array();
this.fx2 = new Array();
// if choose horizontal slider.
if( this.options.mode == 'horizontal_stripe' ){
}else {
this.onRunning = this.options.onRunning;
if( isNaN(this.options.startItem)
|| (this.options.startItem > this.options.items.length || this.options.startItem < 0 ) ){
this.options.startItem = 0;
}
var maxWidth = 0;
this.options.items.each(function(_item, index){
// set z-index for each item in the list.
_item.setStyle('z-index', this.options.items.length - index);
_item.setStyle('width', _item.offsetWidth);
if( _item.offsetWidth > maxWidth ){
maxWidth = _item.offsetWidth;
}
this.fx2[index] = new Fx.Tween( _item, _options.fxOptions );
this.fx2[index].offsetWidth= _item.offsetWidth;
if( this.options.mode != 'opacity' ) {
this.fx[index] = new Fx.Tween( _item, _options.fxOptions||{duration:500,wait:false} );
}
}.bind(this));
if( this.options.box.offsetWidth <= 0 ){
this.options.box.setStyle('width', maxWidth);
// this.options.size = maxWidth;
}
if( this.options.mode == 'vertical' || this.options.mode == 'verticald' ){
this.options.size = this.options.box.offsetHeight;
} else {
this.options.size = this.options.box.offsetWidth;
}
// define list buttons drivent.
this.buttons = {previous: [], next: [], play: [], playback: [], stop: []};
this.options.autoRun = true;
// _options.buttons ={ next:}
if( _options.buttons ){
for( var action in _options.buttons ) {
this.bindingButtonsEvent( action, $type(_options.buttons[action])=='array' ? _options.buttons[action] : [_options.buttons[action]] );
}
}
// if auto run
if( this.options.autoRun ) {
this.play( this.options.interval,'next',true );
}
// process when mouse over and mouse out.
var wrapper2 = this.options.wrapper;
wrapper2.addEvent("mouseenter", function(){
this.stop();
}.bind(this));
wrapper2.addEvent("mouseleave", function(){
this.play(this.options.interval,'next',true);
}.bind(this));
}
},
/**
* previous
*/
previous: function(manual) {
//
// this.fx2[this.options.currentIndex].start(1,0);
// this.fx[this.options.currentIndex].start( (this.options.size), 0 );
this.options.currentIndex += this.options.currentIndex > 0 ? -1 : this.options.items.length-1;
this.running( null, manual, 'previous' );
},
/**
* next
*/
next:function(manual){
// display secord element.
this.options.currentIndex += (this.options.currentIndex < this.options.items.length-1) ? 1 : (1 - this.options.items.length);
this.running( null, manual, 'next' );
},
/**
* play
*/
play: function( delay, direction, wait ){
this.stop();
if(!wait){
this[direction](false);
}
this.options.autoRun = this[direction].periodical(delay,this,false);
},
/**
* stop.
*/
stop:function(){
$clear(this.options.autoRun);
},
/**
* running
*/
running: function( item, manual, runningMode ){
this.options.previousIndex = this.options.currentIndex + (this.options.currentIndex>0 ? -1 : this.options.items.length-1);
this.options.nextIndex = this.options.currentIndex + (this.options.currentIndex < this.options.items.length-1 ? 1 : 1-this.options.items.length);
//
// if next item then hide previous element
//
// alert( this.fx2[this.options.currentIndex].offsetWidth );
if( this.options.mode != 'opacity' ) {
var size1;
var size2;
if( this.options.mode == 'horizontal_right' || this.options.mode == 'verticald' ){
size1 = -(this.options.size);
size2 = (this.options.size);
} else {
size1 = (this.options.size);
size2 = -(this.options.size);
}
if( runningMode == 'next' ) {
this.fx2[this.options.previousIndex].start('opacity', 1,0);
this.fx[this.options.previousIndex].start( this.options.modes[this.options.mode][0], 0, size1 );
this.fx2[this.options.currentIndex].start('opacity', 0,1);
this.fx[this.options.currentIndex].start( this.options.modes[this.options.mode][0], +size2, 0 );
} else if( runningMode == 'previous') {
this.fx2[this.options.nextIndex].start('opacity', 1,0);
this.fx[this.options.nextIndex].start(this.options.modes[this.options.mode][0], 0, -(this.options.size) );
this.fx2[this.options.currentIndex].start('opacity', 0,1);
this.fx[this.options.currentIndex].start(this.options.modes[this.options.mode][0], +(this.options.size), 0 );
}
} else {
if( runningMode == 'next' ) {
this.fx2[this.options.previousIndex].start('opacity', 1,0);
this.fx2[this.options.currentIndex].start('opacity', 0,1);
} else {
this.fx2[this.options.nextIndex].start('opacity', 1,0);
this.fx2[this.options.currentIndex].start('opacity', 0,1);
}
}
if( manual ){ this.stop(); }
// if using callback method.
if(this.onRunning){
this.onRunning( this.options.items[this.options.currentIndex],(this.buttons ? this.buttons[this.options.currentIndex]:null) );
}
if( manual && this.options.autoRun ){
this.play( this.options.interval,'next', true );
}
},
bindingButtonsEvent:function( action, buttons ){
for(var i=0; i<buttons.length; i++){
switch(action){
case 'previous':
buttons[i].addEvent(this.options.buttonEvent,this.previous.bind(this,true));
break;
case 'next':
buttons[i].addEvent(this.options.buttonEvent,this.next.bind(this,true));
break;
case 'play':
buttons[i].addEvent(this.options.buttonEvent, this.play.bind( this,[this.options.interval,'next',false]) );
break;
case 'playback':
buttons[i].addEvent( this.options.buttonEvent,
this.play.bind(this,[this.options.interval,'previous',false]));
break;
case 'stop':
buttons[i].addEvent(this.options.buttonEvent, this.stop.bind(this) ); break;
}
this.buttons[action].push(buttons[i]);
}
}
} );