2011-07-29 2 views
2

내 사이트에서 jQuery UI를 사용하며 표준 회색 업로드 버튼 대신 업로드 버튼에 대한 스타일을 어떻게 사용할 수 있는지 궁금합니다.내 스타일을 업로드 그레이 그래디언트 버튼에 어떻게 적용 할 수 있습니까?

자바 스크립트 :

<script type="text/javascript"> 
$(document).ready(function() { 
     $("button").button(); 
     $("input:button").button(); 
     $("#file_upload").button(); 

    $('#file_upload').uploadify({ 
    'uploader' : 'files/uploadify.swf', 
    'script' : 'files/uploadify.php', 
    'cancelImg' : 'files/cancel.png', 
    'folder' : 'uploads/', 
    'auto'  : false, 
    'multi'  : true, 
    'buttonText' : 'Choose Pictures', 
    'onAllComplete' : function(event,data) { 
     alert(data.filesUploaded + ' files uploaded successfully!'); 
    }, 
    'hideButton' : true 
    }); 
}); 
</script> 

HTML :

<form id="upload_images" name="form1" action=""> 
<input type="file" id="file_upload" name="file_upload" /> 
<a href="javascript:$('#file_upload').uploadifyUpload();">Upload Files</a> 
</form> 

이 가능합니까? buttonimg 옵션을 사용해 보았지만 "버튼"위에 텍스트가 보이지 않아서 좋은 결과를 얻지 못했습니다. 아래에서 볼 수 있듯이 hide 버튼 옵션을 시도하고 있지만 회색 버튼이 숨겨져 있습니다. 어떤 아이디어?

+0

당신은 단지 총알을 물고 단지의 텍스트와 이미지를 생성 할 수 있습니다; 그것은 가장 쉬운 해결책이 될 것입니다. – rkw

답변

0

Uploadify 패키지를 다운로드 한 후 회색 버튼이 Adobe 플래시를 사용하여 구현 된 것처럼 보입니다. Firebug에서 버튼을 체크하면 내장 된 플래시 객체임을 알 수 있습니다.

죄송합니다. 문제가 해결되지 않았다고 생각하지 마십시오.

3

Uploadify의 회색 버튼 스타일이 변경되었습니다. 난 그냥 거즈 아래에 추가 한 :

'buttonImg': 'images/create_album.png', 
'width': '273', 
'height': '51', 
'wmode': 'transparent', 

전체 코드 :

$(document).ready(function() { 
     $("#<%=FileUpload1.ClientID%>").uploadify({ 
      'uploader': 'scripts/uploadify.swf', 
      'script': 'Upload.ashx', 
      'cancelImg': 'images/cancel.png', 
      'buttonImg': 'images/create_album.png', 
      'width': '273', 
      'height': '51', 
      'wmode': 'transparent', 
      'folder': 'uploads', 
      'multi': true, 
      'auto': true, 
      'onAllComplete': function (event, queueID, fileObj, response, data) {      
      } 
     }); 

    });  
관련 문제