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í.
Ningún comentario
Aún no hay comentarios.
Tienes que estar conectado para publicar un comentario.