Artículo

---

0 ¡votar!

SlideNote, un plugin para jQuery

SlideNote es un plugin desarrollado para jQuery, aunque también se puede encontrar para WordPress, que nos permite introducir en nuestras aplicaciones una Nota con cierta información que queremos que aparezca en nuestra aplicación. Este elemento que aparece, lo hará con formato slider, para hacerlo más elegante.

El código correspondiente a esta librería lo podéis encontrar aquí.

Su uso es muy sencillo. Lo primero que debemos de hacer es incluir la librería jQuery y el código del SlideNote.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.slidenote.js" type="text/javascript"></script>

Luego, el plugin se lo podemos aplicar a un elemento, o bien a un conjunto de elementos.

$('#note').slideNote(); // un elemento simple
$('.notes').slideNote(); // un conjunto de elementos

Cuando hacemos la llamada al pluging, le podemos pasar ciertos parámetros de configuración, que veremos a continuación.

$('#myNotification').slideNote({
where: 640,
corner: 'left',
url: 'ajax.html',
container: 'note',
closeImage: '/images/close.png'
});

Vamos a ver que es cada una de esas opciones:

• where: Indica lo que el usuario se debe de desplazar para hacer visible la nota.
• Corner: Donde aparecerá el control de cierre de la nota
• url: Se le indica al plugin donde podemos encontrar el archivo con la información que se mostrará en la nota.
• CloseImage: Se le indica la imagen que queremos que aparezca para el cierre de la nota.

Pueden ver más información sobre este plugin en su sitio oficial

Publicado por: angel carrero

Recomendar a un amigo

Compartir en redes

Email  

Comentarios