« anterior próximo »
Páginas: [1]   Ir Abajo

Autor Tema: [Ayuda] Slider jQuery  (Leído 671 veces)

Desconectado nmartin021

  • PHPero Avanzado
  • ****
  • Mensajes: 250
  • Karma: 9
    • Ver Perfil
[Ayuda] Slider jQuery
« en: 20 de Noviembre de 2011, 16:38:13 pm »
Hola!

Vereis, tengo un paginado así:
Citar
Anterior    1 2 3 4 5 6 7 8 9       Siguiente
y lo tengo dentro de un div para poder ponerle un fondo de color. Bien, pero cuando hay demasiadas paginas, los números empiezan a bajar:
Citar
Anterior    1 2 3 4 5 6 7 8 9       Siguiente
                             10 11 12 13 14

Y eso deforma mi diseño.. así que pensé en ponerle overflow: auto, pero quedaba muy mal con el diseño, y  no encontré ningún slider en jQuery.

¿Alguien me puede recomendar alguno?

Nota: Tiene que ser horizontal
En línea

Comunidad PHPeros

[Ayuda] Slider jQuery
« en: 20 de Noviembre de 2011, 16:38:13 pm »

Desconectado westwest

  • PHPero Master
  • ******
  • Mensajes: 2.837
  • Karma: 104
  • Sexo: Masculino
    • Ver Perfil
Re:[Ayuda] Slider jQuery
« Respuesta #1 en: 20 de Noviembre de 2011, 17:21:11 pm »
Podrías meter los números en un span que a su vez esté dentro de un div con width definido y overflow:hidden, luego mueves el span con margin-left: -X;
En línea

Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
Re:[Ayuda] Slider jQuery
« Respuesta #2 en: 21 de Noviembre de 2011, 05:59:44 am »
¿Y por que mostrar todas las paginas?
¿No seria mejor mostrar los 5, 10 primeros resultados y que a medida que se vaya viendo las paginar, adelantar el valor de la pagina actual?

Ejemplo: 10 paginas se muestran.
1 2 3 4 5 6 7 8 9 10

Si vamos a la pagina 3 seria:

3 4 5 6 7 8 9 10 11 12

Si vamos a la pagina 11:
11 11 12 13 14 15 16 17 18 19

Y así vamos...
Si aun insistes en solucionarlo con  jQuery, puedes hacer lo que dice westwest.
Saludos.
En línea
Twitter: @JoakoM010

Desconectado nmartin021

  • PHPero Avanzado
  • ****
  • Mensajes: 250
  • Karma: 9
    • Ver Perfil
Re:[Ayuda] Slider jQuery
« Respuesta #3 en: 21 de Noviembre de 2011, 17:57:06 pm »
Sí, insisto en que se muestren todas, eso es lo que quería conseguir.
En línea

Desconectado Mixvice

  • PHPero Experto
  • *****
  • Mensajes: 687
  • Karma: 32
  • Sexo: Masculino
  • ¡Y Tu Papá Tambien!
    • Ver Perfil
    • Tuhabbo
Re:[Ayuda] Slider jQuery
« Respuesta #4 en: 21 de Noviembre de 2011, 22:37:57 pm »
Creeme que en determinado tiempo va s a tener mas de 100 o 200 paginas y entonces se verá feo. Haz lo que te dice Joaquin es mejor y te ahorras el trabajo en un futuro.. Si no quieres puedes pasarte por esta pagina:

http://flowplayer.org/tools/demos/rangeinput/scrollbar.html o por http://www.net-kit.com/jquery-custom-scrollbar-plugins/
En línea

Desconectado nmartin021

  • PHPero Avanzado
  • ****
  • Mensajes: 250
  • Karma: 9
    • Ver Perfil
Re:[Ayuda] Slider jQuery
« Respuesta #5 en: 24 de Noviembre de 2011, 23:49:08 pm »
Cita de: Mixvice en 21 de Noviembre de 2011, 22:37:57 pm
Creeme que en determinado tiempo va s a tener mas de 100 o 200 paginas y entonces se verá feo. Haz lo que te dice Joaquin es mejor y te ahorras el trabajo en un futuro.. Si no quieres puedes pasarte por esta pagina:

http://flowplayer.org/tools/demos/rangeinput/scrollbar.html o por http://www.net-kit.com/jquery-custom-scrollbar-plugins/
Insisto, quiero dejar que todas las páginas estén disponibles, ya que luego viene gente que se queja porque no puede volver a la primera página, y me daría dolores de cabeza
En línea

Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
Re:[Ayuda] Slider jQuery
« Respuesta #6 en: 25 de Noviembre de 2011, 01:08:29 am »
Cita de: nmartin021 en 24 de Noviembre de 2011, 23:49:08 pm
Insisto, quiero dejar que todas las páginas estén disponibles, ya que luego viene gente que se queja porque no puede volver a la primera página, y me daría dolores de cabeza

<< Primera - <Atras - [...]-5-6-7-8-9-10-[...] - Siguiente> - Ultima >> e.e
En línea
Twitter: @JoakoM010

Desconectado -Pituko-

  • PHPero Experto
  • *****
  • Mensajes: 954
  • Karma: 20
  • Sexo: Masculino
  • ¡Hala Madrid!
    • Ver Perfil
Re:[Ayuda] Slider jQuery
« Respuesta #7 en: 25 de Noviembre de 2011, 01:10:02 am »
Cita de: SoyJoaquin. en 25 de Noviembre de 2011, 01:08:29 am
<< Primera - <Atras - [...]-5-6-7-8-9-10-[...] - Siguiente> - Ultima >> e.e
Me ganaste en la respuesta, aquí todos se leen la mente  ???

Cita de: nmartin021 en 24 de Noviembre de 2011, 23:49:08 pm
Insisto, quiero dejar que todas las páginas estén disponibles, ya que luego viene gente que se queja porque no puede volver a la primera página, y me daría dolores de cabeza
Puedes colocar antes del primer número algo como "<<" para ir a la primera página y ">>" para ir a la ultima, después reemplazas "Anterior" y "Siguiente" con < y > respectivamente. De modo que quede así:
<< < 3-4-5-6-7-8-9 > >>
En línea
Páginas: [1]   Ir Arriba
« anterior próximo »