/* Pour le "swap" de la page d'accueil de medipad --> annulé*/
/* UTILISER : proto_congres_organisation/index.php*/
var SWAP = new Class({
options: {
contener: '',
classContenu: '',
controlClass: 'swap_control',
control: '',
vitesse: 1000,
interval: 5000
},
// Initialisation du positionnement des div
init : function() {
oThis = this;
// On récupère tous les element contenu dans la balise choisie
this.elements = $(this.options.contener).getChildren('.'+this.options.classContenu);
// maintenant on vas placer tous les elements. Le premiers sera visible et les autre seront à coté les uns au dessus des autres
this.nbElements = this.elements.length;
for (var i = 1; i < this.nbElements ; i++) {
this.elements[i].setStyle('left', $(this.options.contener).getSize().x);
this.elements[i].setStyle('display', 'none');
this.elements[i].setStyle('z-index', '10');
}
// L'element courrant
this.currentElement = this.elements[0];
this.currentElementId = 0;
// On regarde si on as définie une div de control
if (this.options.control != '') {
this.elementsControl = new Array();
// Pour chaque element on cre un element de control
for (var i = 0; i < this.nbElements ; i++) {
var control = new Element('a', {
href: '#',
'class': this.options.controlClass,
html: ' '
})
// On enregistrement les element de control pour pouvoir les utiliser plus tard
this.elementsControl[i] = control;
// PROBLEME le i ne prend que sa derniere valeur (3) trouvé une solution
control.addEvents({'click': this.move.bind(this, i)});
control.inject(this.options.control);
}
this.elementsControl[0].set('class',this.options.controlClass+"_active");
}
},
auto : function() {
// On cherche l'élément suivant
var elementSuivant = this.currentElementId + 1;
if (elementSuivant >= this.nbElements)
elementSuivant = 0;
this.move(elementSuivant);
this.currentElementId = elementSuivant;
},
run : function() {
var timer = setInterval(function() { oThis.auto(); }, this.options.interval);
},
move : function(elementId) {
// On affiche le nouvel element
this.elements[elementId].setStyle('display', 'block');
this.elements[elementId].setStyle('z-index', '10');
var movingCurrent = new Fx.Morph(
this.currentElement, {
duration: this.options.vitesse,
transition: Fx.Transitions.Sine.easeIn,
onComplete: function(){
oThis.currentElement.setStyle('display', 'none');
// Et on met l'élément courant en position cacher pour le prochain déplacement
oThis.currentElement.setStyle('left', $(oThis.options.contener).getSize().x);
// On définie le nouvel élément courant
oThis.currentElement = oThis.elements[elementId];
oThis.currentElementId = elementId;
}
});
var moving = new Fx.Morph(
this.elements[elementId], {
duration : this.options.vitesse,
transition: Fx.Transitions.Sine.easeIn,
onComplete: function(){
oThis.currentElement.setStyle('z-index', '1');
}
});
// On regarde si on as définie une div de control
if (this.options.control != '') {
this.elementsControl[this.currentElementId].set('class',this.options.controlClass);
this.elementsControl[elementId].set('class',this.options.controlClass+"_active");
}
// On déplace le truc courant pour le cacher
movingCurrent.start({
'left' : -$(this.options.contener).x
});
// On déplace celui qui vas prendre sa place
moving.start({
'left' : 0
});
}
});
/***INITIALISER LE SWAP***/
/*
window.addEvent('domready', function() {
if($('tetiere')){
var my_swap = new SWAP();
my_swap.options.contener = 'tetiere';
my_swap.options.classContenu = 'tetiere_img';
my_swap.options.control = '';
my_swap.options.interval = 7000;
my_swap.init();
my_swap.run();
}
});
*/
/*FIN INITIALISER LE SWAP*/
/***LE HTML(DE L'EXMPLE CI DESSUS)***/
/*
*/
/*FIN LE HTML(DE L'EXMPLE CI DESSUS)*/
/****LE HTML****/
/*
*/
/**FIN LE HTML**/