Foros del Web » Programando para Internet » Jquery »

Funciones jQuery y slider

Estas en el tema de Funciones jQuery y slider en el foro de Jquery en Foros del Web. Hola señores programadores, es un honor para mi pertenecer a este foro el cual siempre consulto y hoy es la primera vez que les pido ...
  #1 (permalink)  
Antiguo 03/07/2013, 12:45
 
Fecha de Ingreso: julio-2013
Mensajes: 1
Antigüedad: 10 años, 9 meses
Puntos: 0
Sonrisa Funciones jQuery y slider

Hola señores programadores, es un honor para mi pertenecer a este foro el cual siempre consulto y hoy es la primera vez que les pido directamente su ayuda :)

Soy nuevo en jQuery y necesitaba un slider asi que descargue uno de esta pagina
http://sroucheray.org/blog/jquery-plugins/jquery-infinite-carousel/

El problema es que no entiendo estas lineas, solo se que la primera linea es para ejecutar la función cuando la pagina esta lista o cargada.

$(document).ready(function(){
$('#viewport').carousel('#simplePrevious', '#simpleNext');
$('#slider-stage').carousel('#previous', '#next');
});

#simpleNext es el id de un botón el cual acciona el slider, lo que quiero es poder tener varios botones para accionarlo pero el id no se puede repetir en otros botones.

Gracias de antemano
  #2 (permalink)  
Antiguo 03/07/2013, 14:28
Avatar de andresgarciadev  
Fecha de Ingreso: junio-2013
Mensajes: 218
Antigüedad: 10 años, 10 meses
Puntos: 32
Respuesta: Funciones jQuery y slider

entrnado al codigo de la libreria jquery q te permite hacer esto y remplazando todos los
#slider-stage por .slider-stage funcionaria lo mas problable xd
lo mismo para el codigo que pones
$('#viewport').carousel('#simplePrevious', '.simpleNext');
y ahora usas una clase e.e
  #3 (permalink)  
Antiguo 05/07/2013, 14:04
Avatar de Reedyseth  
Fecha de Ingreso: enero-2009
Ubicación: Chihuahua, México
Mensajes: 419
Antigüedad: 15 años, 3 meses
Puntos: 36
Respuesta: Funciones jQuery y slider

Compañero:
Código Javascript:
Ver original
  1. // $(document).ready verifica que todos los elementos de tu DOM (Document Object Model) hayan sido cargados y esten listo para trabajar, si no estan listos no puedes hacer referencia a ellos.
  2. $(document).ready(function(){
  3.     //  $('#viewport') es el selecto al cual le estas aplicando el plugin de carousel
  4.     // l('#simplePrevious', '#simpleNext') son parametros que recibe el plugin para indicarle cuales elementos, en este caso, los ids, van a reaccionar cuando les des click (casi creo que es esto, pero por la forma como esta parece que funciona así :p )
  5.     $('#viewport').carousel('#simplePrevious', '#simpleNext');
  6.     // Simplemente estas creando dos galerias en dos diferentes elementos, en viewport y slider-stage
  7.     $('#slider-stage').carousel('#previous', '#next');
  8. });

Antes de utilizar plugins puedes darte una vuelta por la pagina de jQuery para que veas como funciona,ya entiendes el concepto de selectores ? la diferencia entre usar jQuery y utilizar un plugin de jQuery ??
__________________
Reedyseth
Te ayudo? No olvides dar un +
blog:http://behstant.com/blog
En el blog:Tutoriales de Desarrollo Web PHP, Javascript, BD y más.

Etiquetas: funciones, slider
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 11:41.