File Style: plugin para jQuery
1 COMENTARIO - Publicado hace 14 meses - Clasificado en: JQUERY, TIPS, WEBLos navegadores no permiten aplicar estilo a los input file. File Style Plugin resuelve este problema, permitiendo usar una imagen como botón.
Este plugin esta inspirado en un trabajo anterior que realizó Shaun Inman y su uso es realmente sencillo. Basta incluir jQuery File Style:
<script src="jquery.js" type="text/javascript"></script> <script src="jquery.filestyle.js" type="text/javascript"></script>
y añadir un código similar al siguiente:
$("input[type=file]").filestyle({
image: "choose-file.gif",
imageheight : 22,
imagewidth : 82,
width : 250
});
Donde "choose-file.gif" sería nuestra imagen personalizada y el resto de parámtros tanto las dimensiones de la imagen como las del elemento input.
Algunas entradas relacionadas:
- Rollover sobre imágenes con jQuery
- JQuery: expandir y colapsar un div
- Abrir pop-up con jQuery
- jQuery Delay Plugin
- Dividir formularios en pasos con jQuery
- Autotab: plugin de jQuery para auto-tabulación y filtrado de campos
- Efecto "Nudging" con JQuery
También te puede interesar:
| El iPad nominado a los Fiasco Awards | PhotoNotes | Pattern Tap: Colección de elementos de Interface | Crear un alegre pájaro de Twitter en Photoshop | Cómo crear una tableta Wacom en Illustrator |
COMENTARIOS
|
|
Publicado hace 14 meses cmacias - http://www.cmacias.com Yo tenÃa hecho algo similar por Mayo del año pasado cuyas css mejoré con algún añadido más ... Sólo con CSS http://www.cmacias.com/maquillar-un-input-file-upload/ Y también con algo de js http://www.cmacias.com/maquillar-un-file-upload-2/ |





















Mauricio Campos en 50 preguntas y respuestas de entrevistas de trabajo



