Question

I would like to change the user interface for the jquery ajax upload plugin valums(from the default upload button to some image). Is there a method in it or direct dom updating which is not looking very good.

Thanks

Answer 1

You can use css and add a background image to the .qq-upload-button class:

.qq-upload-button, .qq-upload-button:hover {
   background-image:url('your-image.jpg');
   border-bottom: 1px solid #DDDDDD;
   color: #FFFFFF;
   display: block;
   padding: 7px 0;
   text-align: center;
   width: 105px;
   height: 32px;
}

You will have to change the your-image.jpg to the path and filename of your own image and you will need to set the width and height properties based on the image dimensions.