17
Abr

File style: plugin jQuery

Este plugin nos ayudará a modificar el botón del input file ya que los navegadores no lo permiten, de momento.

Primero añadimos la librería jQuery y la del dicho plugin.

<script language="javascript" type="text/javascript" src="../../common/jquery-1.3.2.min.js"></script>
<script language="javascript" type="text/javascript" src="javascript/jquery.filestyle.pack.js"></script>

Llamamos al input con la clase ‘inputFile’ y lo iniciamos:

	$(function() {
		 $(".inputFile").filestyle({
			 image: "imagenes/examinar.gif", //Ruta de la imagen (botón).
			 imageheight:24, //Height de la imagen.
			 imagewidth: 96, //Widht de la imagen.
			 width: 250 //Tamaño del input.
		 });
	});

Le damos un pequeño estilo:

.inputFile {
	border:#bbb solid 1px;
	height:20px;
}

Ejemplo: aquí.
Más ejemplos: aquí.
Descarga del plugin: aquí.

Bookmark and Share
aaa

Ningún comentario

Aún no hay comentarios.

Tienes que estar conectado para publicar un comentario.

Comentarios RSS Feed   TrackBack URL