Protocarrusel

Protocarrusel es un plugin para prototype que permite implementar fácilmente un carrusel en el que mostrar imágenes o cualquier otro tipo de contenido.

semaforo
nieve
pasarela-porche
domino
corcho
pato
llave
sello
taza
ana


Si tienes alguna idea que aportar o tienes alguna consulta que hacer o estas aburrido de trabajar y te apetece meterte con alguien, aquí tienes espacio para enviar un comentario. Cualquier aportación será de agradecer.

14 comentariospara “Protocarrusel”

  1. He-marvel dice:

    Sos un Genio, Maestro, Idolo, el mejor tutorial para hacer un carrusel que encontre, y el primero que me funciona; pero hay un error, me volví loco porque hay un error en el codigo que pusiste javascript, hay que borrar la porcion – jumpersContainer: ‘jumpers’ – y funciona.

    muchas gracias!!!

  2. admin dice:

    Muchísimas gracias por los piropos. Realmente hay mucho trabajo detrás de este plugin.

    Con respecto al error; el código incluido en la página es de referencia: si no tienes controles ‘jumpers’ no tienes que incluir la opción ‘jumpersContainer’. Si veo que hay más despistes lo quitaré.

  3. joel dice:

    Hola que tal estoy implementando su libreria del carrusel con AJAX y PHP el detalles que no consigo que funcione, basicamente con AJAX solicito un PHP que me escribe las etiquetas pero al parecer el objeto new Protocarrusel no se ejecuta.

    Espero me puedan ayudar saludos

  4. admin dice:

    ¡Hola!
    No sé si este es exactamente el problema, pero supongo que el contenido del carrusel lo creas o lo modificas tras la petición AJAX. Si ese es el caso el plugin no está preparado para recargarse con el nuevo contenido (aunque me parece una buena idea y lo implementaré). Prueba a crear un nuevo objeto Protocarrusel y me comentas.

  5. joel dice:

    Mmmmm de echo lo que hago es que con mi Objeto AJAX creo el carrusel y lo despliego en el html con un innerHTML, despues invoco el new Protocarrusel y nada man…

  6. joel dice:

    Master logre hacer que jale en IE el pecs es cuando lo invoco por segunda vez truena :S

  7. admin dice:

    No te calientes la cabeza. No funcionará sin recargar la página. Protocarrusel utiliza el evento ‘dom:loaded’ para crearse. Puesto que lo cargas con AJAX, el evento ya se ha producido por lo que no funciona. Estoy creando un nuevo método ‘rebuild’ para llamarlo justo después de cargar el código. En cuanto esté listo (hoy o mañana) lo cargaré en el sitio para su descarga y pondré código de ejemplo.

  8. admin dice:

    Joel, tienes a tu disposición una nueva versión de Protocarrusel que, creo, dará solución a tus problemas. Ahora puedes crear un objeto Protocarrusel en cualquier momento y funcionará o utilizar uno ya existente y reconstruirlo para trabajar con contenido nuevo descargado con AJAX. En el código de ejemplo se explica su funcionamiento. Si tienes alguna otra propuesta estaré encantado de atenderla.

  9. Joel dice:

    Hola que tal…

    Ya lo probe y jalo al 100 muchas gracias por ahi hay otro detallido en especifico con los nombres de los estilos en protocarrusel.js a fuerzas tiene que usar “carousel-slide” para la propiedad panelClassName.

    Saludos.

  10. joel dice:

    MMM nop no jala el rebuild, me manda este error Type Error : ‘null’ es nulo o no es un objeto

  11. joel dice:

    ya quedo el error pero aun asi no refresca como se ejecuta el rebuild antes de que cargue mi contenido con PHP y en mozilla de plano se truena

  12. joel dice:

    Si ya lo corrobore de repente si refresca y de repente nop.
    saludos

  13. Andrea dice:

    Es muy bello y extredamente simple…. toda mi admiración para el autor, y gracias por publicarlo. Haces nuestros sitios más atractivos.. y sin flash.

  14. admin dice:

    Gracias por tus comentarios. Se agradecen muchísimo, tanto si son buenos, como estos, como si no lo son.

    Os animo a que me enviéis enlaces a vuestras páginas para mostrar ejemplos de uso de los controles.

    Gracias de nuevo y un saludo.



Deja un comentario

Puedes usar las siguientes etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>