Uploadify Custom Button Styles

Source: Internet
Author: User

Uploadify is a good jquery upload plugin, but the Flash button plug-in often with our web page design does not match. At first I tried to decompile the uploadify.swf to modify its appearance, and found that there were no picture resources in the post-compilation Fla.

Originally, this button is drawn with CSS. The code file is uploadify.css. When you open this file, you will see the CSS settings for the button style. OK, now you want to change it is very simple, whether you write a new CSS or replace the picture can be. I am lazy, I use the image as a button background directly. Code:. Uploadify-button {Background:url (Bg_button. PNG);}. Uploadify:hover. Uploadify-button {background:url (bg_buttonover.png); The following is a change to the text on the button, the default is "select FILES", This is unacceptable to most of our clients, and of course, to keep up with the text on the homepage, or to change it into Chinese. Open Jquery.uploadify.min.js, search for this string and you'll find its location: buttontext: "Select FILES", replace the string here with what you want. I am directly set to empty, because the string on the button display position to find how to adjust. So, just write the text in the background image of the button is not OK. Finally, look at the way I modified it:

Uploadify Custom Button Styles

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.