Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Mismo plugin no funciona en uno de tres sliders

Estas en el tema de Mismo plugin no funciona en uno de tres sliders en el foro de Frameworks JS en Foros del Web. Hola gente, estoy usando este plugin para manejar unos sliders en un proyecto que estamos terminando. El asunto es que funciona bien en dos de ...
  #1 (permalink)  
Antiguo 25/06/2012, 09:44
Avatar de rogertm
Mod->Cuba
 
Fecha de Ingreso: julio-2005
Ubicación: /home/Cuba/Habana/rogertm/
Mensajes: 2.922
Antigüedad: 18 años, 8 meses
Puntos: 638
Pregunta Mismo plugin no funciona en uno de tres sliders

Hola gente, estoy usando este plugin para manejar unos sliders en un proyecto que estamos terminando. El asunto es que funciona bien en dos de los lugares que lo uso, pero en un tercero no hace nada.

La configuración no es muy complicada, tiene varios parámetros que he puesto bien, al menos eso creo:
Aquí defino las clases que manejan los botones Anterior y Siguiente
Código Javascript:
Ver original
  1. var tab_buttons = {
  2.     previous:$('#idx-tabs .tab-prev'),
  3.     next:$('#idx-tabs .tab-next')
  4. };

Aquí las clases que manejan el contenido: wrapperSelector es el selector que contiene toda la caja, navOuterSelector y navItemsSelector no existen, pero en otro contexto no los ponía y tenía algunos problemas, luego todo se arregló, en este caso estén o no no funciona el slider:
Código Javascript:
Ver original
  1. $('#idx-tabs').lofJSidernews({
  2.     wrapperSelector: '.tabs-slide-wrapper',
  3.     navOuterSelector: '.tabs-nav-wrapper',
  4.     navItemsSelector: '.tabs-nav-wrapper li',
  5.     buttons: tab_buttons
  6. });

En general todo el código que maneja los tres sliders es el siguiente:
Código Javascript:
Ver original
  1. $(document).ready( function(){
  2.     /** Recursos Gratuitos Tabs Slider */
  3.     var tab_buttons = {
  4.         previous:$('#idx-tabs .tab-prev'),
  5.         next:$('#idx-tabs .tab-next')
  6.     };
  7.     $('#idx-tabs').lofJSidernews({
  8.         duration: 1200,
  9.         interval: 5000,
  10.         auto: true,
  11.         mainWidth: 530,
  12.         mainHeight: 40,
  13.         wrapperSelector: '.tabs-slide-wrapper',
  14.         navOuterSelector: '.tabs-nav-wrapper',
  15.         navItemsSelector: '.tabs-nav-wrapper li',
  16.         buttons: tab_buttons
  17.     });
  18.    
  19.     /** Widget One slider */
  20.     var widget_buttons = {
  21.         previous:$('#widget-one-wrapper .widget-prev'),
  22.         next:$('#widget-one-wrapper .widget-next')
  23.     };
  24.     $('#widget-one-wrapper').lofJSidernews({
  25.         duration: 1200,
  26.         interval: 5000,
  27.         auto: true,
  28.         mainWidth: 308,
  29.         mainHeight: 250,
  30.         navigatorWidth: 60,
  31.         navigatorHeight: 35,
  32.         maxItemDisplay: 5,
  33.         navPosition: 'horizontal',
  34.         wrapperSelector: '.widget-one-wrap-inner',
  35.         navOuterSelector: '.widget-one-nav-wrapper',
  36.         navItemsSelector: '.widget-one-nav-wrap-inner li',
  37.         buttons: widget_buttons
  38.     });
  39.  
  40.     /** Header Slider */
  41.     var slide_buttons = {
  42.         previous:$('#slider-wrapper .carousel-prev'),
  43.         next:$('#slider-wrapper .carousel-next')
  44.     };
  45.     $('#slider-wrapper').lofJSidernews({
  46.         duration: 1200,
  47.         interval: 5000,
  48.         auto: true,
  49.         mainWidth: 590,
  50.         mainHeight: 230,
  51.         navigatorWidth: 400,
  52.         navigatorHeight: 90,
  53.         maxItemDisplay: 3,
  54.         wrapperSelector: '.sliders-inner-wrapper',
  55.         navOuterSelector: '.slider-nav-wrapper',
  56.         navItemsSelector: '.slider-nav-wrapper-inner li',
  57.         buttons: slide_buttons
  58.     });
  59.  
  60. });

El código html que tengo es algo como esto:
Código HTML:
Ver original
  1. <div id="idx-tabs" class="nav-tabs index-tabs">
  2.     <div class="tabs-wrapper tabs-slide-wrapper">
  3.         <ul>
  4.             <li>Universidad</li>
  5.             <li>Matemática</li>
  6.             <li>Cultura General</li>
  7.         </ul>
  8.     </div><!-- .tabs-wrapper -->
  9.     <div class="tabs-control">
  10.         <span class="tab-prev">&laquo;</span>
  11.         <span class="tab-next">&raquo;</span>
  12.     </div>
  13. </div><!-- #idx-tabs -->

El plugin lo que hace es que le asigna a la clase .tabs-slide-wrapper un left:0, que debería cambiar a -Npx a medida que camina el slider, al que luego le tengo que asignar un position:absolute con respecto a su contenedor, hasta ahí todo OK, pero al usar los botones no funcionan, tampoco cambiando el parámetro auto: true/false

Pueden ver aquí los tres sliders en cuestión, el del problema es el de las tabs en Recursos Gratuitos http://ceformat.s4w.biz/index/recursos-gratuitos

Muchas gracias de antemano
__________________
Friki y Blogger por Cuenta Propia:213
Twenty'em: Theming is Prose
  #2 (permalink)  
Antiguo 25/06/2012, 10:37
Avatar de fjrueda  
Fecha de Ingreso: marzo-2008
Ubicación: Bucaramanga
Mensajes: 313
Antigüedad: 16 años, 1 mes
Puntos: 35
Respuesta: Mismo plugin no funciona en uno de tres sliders

Yo no se, pero yo no veo ningun problema ... o donde tendria que estar el 3 slider ??
  #3 (permalink)  
Antiguo 25/06/2012, 10:56
Avatar de rogertm
Mod->Cuba
 
Fecha de Ingreso: julio-2005
Ubicación: /home/Cuba/Habana/rogertm/
Mensajes: 2.922
Antigüedad: 18 años, 8 meses
Puntos: 638
Respuesta: Mismo plugin no funciona en uno de tres sliders

Cita:
Iniciado por fjrueda Ver Mensaje
Yo no se, pero yo no veo ningun problema ... o donde tendria que estar el 3 slider ??
No, ni yo...

El primer slider es el de la cabecera, el segundo es el del primer sidebar widget y el tercero es el que me ocupa actualmente...
__________________
Friki y Blogger por Cuenta Propia:213
Twenty'em: Theming is Prose
  #4 (permalink)  
Antiguo 27/06/2012, 14:51
Avatar de GatorV
$this->role('moderador');
 
Fecha de Ingreso: mayo-2006
Ubicación: /home/ams/
Mensajes: 38.567
Antigüedad: 17 años, 10 meses
Puntos: 2135
Respuesta: Mismo plugin no funciona en uno de tres sliders

Pues viendo el Net Panel, veo un 404 en este recurso: http://ceformat.s4w.biz/wp-content/t...script?ver=2.0 no se si tenga que ver con algo...
  #5 (permalink)  
Antiguo 27/06/2012, 16:55
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Mismo plugin no funciona en uno de tres sliders

Cita:
Iniciado por rogertm Ver Mensaje
No, ni yo...

El primer slider es el de la cabecera, el segundo es el del primer sidebar widget y el tercero es el que me ocupa actualmente...
en
http://ceformat.s4w.biz/index/recursos-gratuitos
El slider superior (como estudiar, Guia completa, etc) NO funciona,
El de los tabs, tampoco
Y los widgets, más que un slider, solo contrae/expande el contenido, y si funciona
Es correcto lo dicho por GatorV,
http://ceformat.s4w.biz/wp-content/t...script?ver=2.0
no existe, pero
http://ceformat.s4w.biz/wp-content/t...ipt.js?ver=2.0 si existe (faltaría la extensión)
Lo edité desde el Firefox, pero aún así no funciona.

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #6 (permalink)  
Antiguo 28/06/2012, 06:37
Avatar de rogertm
Mod->Cuba
 
Fecha de Ingreso: julio-2005
Ubicación: /home/Cuba/Habana/rogertm/
Mensajes: 2.922
Antigüedad: 18 años, 8 meses
Puntos: 638
Respuesta: Mismo plugin no funciona en uno de tres sliders

Ufff... sorry compañeros, ahora arreglé lo del script que le faltaba la extensión, lo curioso es que en mi servidor local funciona así mismo

Pero el problema persiste http://ceformat.s4w.biz/index/recursos-gratuitos

Gracias por la intención
__________________
Friki y Blogger por Cuenta Propia:213
Twenty'em: Theming is Prose
  #7 (permalink)  
Antiguo 28/06/2012, 23:07
Avatar de GatorV
$this->role('moderador');
 
Fecha de Ingreso: mayo-2006
Ubicación: /home/ams/
Mensajes: 38.567
Antigüedad: 17 años, 10 meses
Puntos: 2135
Respuesta: Mismo plugin no funciona en uno de tres sliders

¿ya lo reparaste? Ya lo veo correctamente acá... (Google Chrome)
  #8 (permalink)  
Antiguo 29/06/2012, 06:37
Avatar de rogertm
Mod->Cuba
 
Fecha de Ingreso: julio-2005
Ubicación: /home/Cuba/Habana/rogertm/
Mensajes: 2.922
Antigüedad: 18 años, 8 meses
Puntos: 638
Respuesta: Mismo plugin no funciona en uno de tres sliders

Noup! Lo que necesito que se muevan son las tab, definitivamente tendré un fin de semana atareado con esto... Luego les cuento...

Gracias por los intentos. Saludos.
__________________
Friki y Blogger por Cuenta Propia:213
Twenty'em: Theming is Prose
  #9 (permalink)  
Antiguo 29/06/2012, 06:47
Avatar de fjrueda  
Fecha de Ingreso: marzo-2008
Ubicación: Bucaramanga
Mensajes: 313
Antigüedad: 16 años, 1 mes
Puntos: 35
Respuesta: Mismo plugin no funciona en uno de tres sliders

Rogertm ..... yo sigo viendo la pagina igual, yo no se que es lo que no le srive, las "tab" se ven presentables y todo el asunto.

Ahora le propongo que en un archivo aparte, saque el layout que no le funciona y de esa forma puede descartar que depronto tenga un identificador repetido o que depronto alguna libreria este chocando con otra o que una variable de JS este repetida o depronto sea una de esa "comas" que tanto trabajo cuesta encontrar.

Es mi sujerencia.
  #10 (permalink)  
Antiguo 29/06/2012, 07:48
Avatar de rogertm
Mod->Cuba
 
Fecha de Ingreso: julio-2005
Ubicación: /home/Cuba/Habana/rogertm/
Mensajes: 2.922
Antigüedad: 18 años, 8 meses
Puntos: 638
Respuesta: Mismo plugin no funciona en uno de tres sliders

Cita:
Iniciado por fjrueda Ver Mensaje
Rogertm ..... yo sigo viendo la pagina igual, yo no se que es lo que no le srive, las "tab" se ven presentables y todo el asunto.
Si, pero no corren de un lado a otro cuando se le hace clic a las flechitas...

Me meteré dentro de estos códigos, seguro tendré que desarmar todo como dices para comenzar a descartar cosas...

Saludos.
__________________
Friki y Blogger por Cuenta Propia:213
Twenty'em: Theming is Prose

Etiquetas: funcion, html, js, plugin, sliders, tres, botones
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:31.