18/08/2010, 15:32
|
| | Fecha de Ingreso: diciembre-2008
Mensajes: 738
Antigüedad: 15 años, 11 meses Puntos: 15 | |
Respuesta: Porque este plugin reconoce el class y no el id ¿No será que el otro está bloqueando el trabajo del Pretty?.
Este es el plugin del carrusel
Este es el de la configuración:
Código:
//Inicialicia el/los carousel/es
var carousel1
function mueveCarousel(){
carousel1.mueve()
}
onload = function(){
carousel1 = new tunaCarousel('carousel1',1, 'rtl')
carousel1.controlesCarousel()
tiempo = setInterval(mueveCarousel, 1)
}
Y este es todo el código
Código:
function tunObtObj(ide){
return document.getElementById(ide)
}
var tunaCarousel = function (ideContenedor, desplazamiento, direccion){
this.contenedor = tunObtObj(ideContenedor);
this.contenedor.style.position = 'relative'
this.contenedor.style.overflow = 'hidden'
this.anchoContenedores = 0;
this.ima_plei = 'plei.jpg'
this.ima_pausa = 'pausa.jpg'
var contenedor1 = document.createElement('div');
contenedor1.setAttribute('id', ideContenedor + "_cont1");
var Elementos = this.contenedor.childNodes
var numElementos = Elementos.length;
this.rec = 10
this.rec2 = true
this.direccion = direccion
this.mas = this.direccion == 'rtl' ? '+' :'-'
this.masmas = this.direccion == 'rtl' ? '++' :'--'
this.menos = this.direccion == 'rtl' ? '-' :'+'
this.menosmenos = this.direccion == 'rtl' ? '--' :'++'
this.menosIgual = this.direccion == 'rtl' ? '-=' :'+='
this.masIgual = this.direccion == 'rtl' ? '+=' :'-='
var arrayImas = new Array();
for(m = numElementos -1 ; m >= 0; m--){
if(Elementos[m].tagName == 'IMG' || Elementos[m].tagName == 'A' ){
if(Elementos[m].nodeType == 1 && Elementos[m].tagName == 'A' && Elementos[m].hasChildNodes()) {
var elHijos = Elementos[m].childNodes.length;
for(n = 0; n < elHijos; n++){
if(Elementos[m].childNodes[n].tagName == 'IMG'){
this.anchoContenedores += Elementos[m].childNodes[n].clientWidth;
}
else if(Elementos[m].childNodes[n].tagName != 'IMG' && Elementos[m].childNodes[n].tagName != 'A'){
Elementos[m].removeChild(Elementos[m].childNodes[n])
elHijos--; n--
}
}
}
else{
this.anchoContenedores += Elementos[m].clientWidth
}
var Nodo = Elementos[m];
var clonNodo = Nodo.cloneNode(true);
arrayImas[arrayImas.length] = clonNodo
}
this.contenedor.removeChild(Elementos[m])
}
for(m = arrayImas.length -1 ; m >= 0 ; m--){
contenedor1.appendChild(arrayImas[m])
}
with(contenedor1.style){
width = this.anchoContenedores + "px";
left = 0 + 'px'
position = 'absolute'
}
this.contenedor.setAttribute('marcha', 1)
this.contenedor.setAttribute('stop', 0)
this.contenedor.appendChild(contenedor1)
this.cont1 = tunObtObj(contenedor1.getAttribute('id'))
this.pos1 = 0;
this.pos2 = this.direccion == 'rtl' ? this.anchoContenedores : (this.anchoContenedores * -1)
contenedor2 = this.cont1.cloneNode(true);
contenedor2.setAttribute('id', ideContenedor + "_cont2");
contenedor2.style.left = this.anchoContenedores + 'px'
this.contenedor.appendChild(contenedor2)
this.cont2 = tunObtObj(contenedor2.getAttribute('id'))
this.mueve = function (){
if( this.contenedor.getAttribute('stop') == 1) return false
if(this.contenedor.getAttribute('marcha') == 1){
eval('this.pos1 ' + this.menosIgual +' desplazamiento')
eval('this.pos2 ' + this.menosIgual + 'desplazamiento')
this.rec = 10
this.rec2 = true
}
else{
if(this.rec > 0 && this.rec2 == true){
eval('this.pos1 ' + this.masIgual +' desplazamiento')
eval('this.pos2 ' + this.masIgual + ' desplazamiento')
this.rec--
}
else if(this.rec == 0){
this.rec = -10
this.rec2 = false
}
else if(this.rec < 0&& this.rec2 == true){
eval('this.pos1 ' + this.masIgual + ' desplazamiento')
eval('this.pos2 ' + this.masIgual + ' desplazamiento')
this.rec++
}
}
if(this.direccion == 'rtl'){
if(this.pos1 < (0 - this.anchoContenedores)) this.pos1 = this.pos2 + this.anchoContenedores
if(this.pos2 < (0 - this.anchoContenedores)) this.pos2 = this.pos1 + this.anchoContenedores
}
else{
if(this.pos1 > (this.anchoContenedores)) this.pos1 = this.pos2 - this.anchoContenedores
if(this.pos2 > (this.anchoContenedores)) this.pos2 = this.pos1 - this.anchoContenedores
}
this.cont1.style.left = this.pos1 + "px"
this.cont2.style.left = this.pos2 + "px"
}
this.cont1.onmouseover = function(){
this.parentNode.setAttribute('marcha', 0)
}
this.cont2.onmouseover = function(){
this.parentNode.setAttribute('marcha', 0)
}
this.cont1.onmouseout = function(){
this.parentNode.setAttribute('marcha', 1)
}
this.cont2.onmouseout = function(){
this.parentNode.setAttribute('marcha', 1)
}
this.controles = function(){
accion = this.getAttribute('accion');
if(accion == 'pausar'){
this.parentNode.parentNode.setAttribute('stop', 1)
this.setAttribute('src', this.getAttribute('ima_plei'));
this.setAttribute('alt', 'Play');
this.setAttribute('title', 'Play');
this.setAttribute('accion', 'plei');
}
else if(accion == 'plei'){
this.parentNode.parentNode.setAttribute('stop', 0)
this.setAttribute('src', this.getAttribute('ima_pausa'));
this.setAttribute('alt', 'Detener')
this.setAttribute('title', 'Detener')
this.setAttribute('accion', 'pausar')
}
}
this.controlesCarousel = function(){
contenedor_controles = document.createElement('span');
contenedor_controles.style.position = 'absolute';
contenedor_controles.style.cursor = 'pointer';
contenedor_controles.setAttribute('id', ideContenedor + '_Controles')
ima_controles = document.createElement('img')
ima_controles.setAttribute('src', this.ima_pausa)
ima_controles.setAttribute('alt', 'Detener')
ima_controles.setAttribute('title', 'Detener')
ima_controles.setAttribute('accion', 'pausar')
ima_controles.setAttribute('ima_pausa', this.ima_pausa)
ima_controles.setAttribute('ima_plei', this.ima_plei)
ima_controles.onclick = this.controles
contenedor_controles.appendChild(ima_controles)
this.contenedor.appendChild(contenedor_controles)
}
}
|