Autor Tema: [Aporte] Efecto Parpadeo jQuery  (Leído 12906 veces)

Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
[Aporte] Efecto Parpadeo jQuery
« en: 31 de Agosto de 2011, 08:53:21 am »
Buenas, este pequeño código lo cree referente para una respuesta de un tema publicado en otro foro.
Trate de optimizarlo lo mas que pude y creo que esto es lo máximo que se puede recortar.

Código: [Seleccionar]
$(document).ready(parpadear);
function parpadear(){ $('#elemento').fadeIn(500).delay(250).fadeOut(500, parpadear) }

elemento > Elemento a parpadear.

Se podría recortar a una sola linea si la función se llama desde el evento onLoad desde body.

Ejemplo Código Completo:
Código: [Seleccionar]
<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script>
$(document).ready(parpadear);
function parpadear(){ $('#parp').fadeIn(500).delay(250).fadeOut(500, parpadear) }
</script>
<div id="parp">SoyJoaquin.</div>


Espero que les haga de utilidad.
Saludos.
Twitter: @JoakoM010



Comunidad PHPeros

[Aporte] Efecto Parpadeo jQuery
« en: 31 de Agosto de 2011, 08:53:21 am »

Desconectado Stigamu

  • PHPerit@
  • *
  • Mensajes: 7
  • Karma: 9
  • Sexo: Masculino
  • PHP & MySQL
    • Ver Perfil
Re:[Aporte] Efecto Parpadeo jQuery
« Respuesta #1 en: 31 de Agosto de 2011, 14:00:42 pm »
Buen aporte ;)
« Última modificación: 31 de Agosto de 2011, 14:02:28 pm por Stigamu »

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
Re:[Aporte] Efecto Parpadeo jQuery
« Respuesta #2 en: 31 de Agosto de 2011, 14:58:04 pm »

Hola Joquín!.

Tio, ¿Por qué no has publicado esto antes? Me acuerdo que ahce tiempo buscaba algo de esto, pero con rotador de texto. A ver si me curro algo y logro hacer que cada vez se muestre una frase ya establecidad en variables de forma aleatoria.

Por mi, te llevas un K+ ;).

Un saludo,
Siquillote.

#Fdo. Physlet

Desconectado westwest

  • PHPero Master
  • ******
  • Mensajes: 2.837
  • Karma: 104
  • Sexo: Masculino
    • Ver Perfil
Re:[Aporte] Efecto Parpadeo jQuery
« Respuesta #3 en: 31 de Agosto de 2011, 15:11:38 pm »
El único problema es que solo se puede aplicar a un objeto, en vez de a varios. Aunque podría solucionarse cambiando #parp por .parp LOL.

Buen aporte.

Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
Re:[Aporte] Efecto Parpadeo jQuery
« Respuesta #4 en: 31 de Agosto de 2011, 18:50:45 pm »
El único problema es que solo se puede aplicar a un objeto, en vez de a varios. Aunque podría solucionarse cambiando #parp por .parp LOL.

Buen aporte.

Claro baby, si se utiliza clases no hay problema. Incluso si se quiere hacer por id, se podría enviar el parámetro por la función.

Hola Joquín!.

Tio, ¿Por qué no has publicado esto antes? Me acuerdo que ahce tiempo buscaba algo de esto, pero con rotador de texto. A ver si me curro algo y logro hacer que cada vez se muestre una frase ya establecidad en variables de forma aleatoria.

Por mi, te llevas un K+ ;).

Un saludo,
Siquillote.

Pff, lo que puedes hacer para lo de las frases es un array, después mostrar bajo un numero aleatorio que sea menor a la cantidad de datos del array cada vez que se ejecute la función y listo :x
Twitter: @JoakoM010



Desconectado Warlox

  • Moderadores PHP
  • PHPero Master
  • ****
  • Mensajes: 1.278
  • Karma: 77
  • Sexo: Masculino
  • A veces hay que aprender a correr antes de caminar
    • Ver Perfil
    • Página personal
Re:[Aporte] Efecto Parpadeo jQuery
« Respuesta #5 en: 31 de Agosto de 2011, 20:58:16 pm »
El único problema es que solo se puede aplicar a un objeto, en vez de a varios. Aunque podría solucionarse cambiando #parp por .parp LOL.

Buen aporte.

Sí se puede aplicar a varios elementos, creando una función de jQuery orientada hacia un objeto, de la siguiente manera:

Código: [Seleccionar]
$.fn.parpadear = function()
{
this.each(function parpadear()
{
$(this).fadeIn(500).delay(250).fadeOut(500, parpadear);
});
}

Así de simple es, nada más le agregué unas cuantas líneas, lo demás es el script de Joako. Para la hora de implementarlo, basta con poner:

Código: [Seleccionar]
$('#elemento').parpadear();
Aunque también pueden haber más selectores (cualquier selector de jQuery):

Código: [Seleccionar]
$('#elemento1, #elemento2, .clase1, a).parpadear();
En fin, muchas posibilidades jejeje.
Saludos ^^
- Moderador de PHP


Desconectado ebuzz

  • PHPerit@
  • *
  • Mensajes: 20
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
Re:[Aporte] Efecto Parpadeo jQuery
« Respuesta #6 en: 09 de Octubre de 2011, 01:55:05 am »
muchas gracias, para los nuevos como yo seria de mucha utilidad poner un preview, o la descarga del archivo.

saludos :)