1
0
Fork 0

Various style changes; set queuefiles to 1 (possibly causing chrome crash error otherwise?)

This commit is contained in:
Andrew Tomaka 2011-11-02 14:32:42 -04:00
parent 262822e943
commit 898337c033
3 changed files with 34 additions and 13 deletions

View file

@ -88,7 +88,7 @@ h1{
min-height: 290px; min-height: 290px;
overflow: hidden; overflow: hidden;
padding-bottom: 40px; padding-bottom: 40px;
width: 990px; width: 960px;
box-shadow:0 0 4px rgba(0,0,0,0.3) inset,0 -3px 2px rgba(0,0,0,0.1); box-shadow:0 0 4px rgba(0,0,0,0.3) inset,0 -3px 2px rgba(0,0,0,0.1);
} }
@ -121,7 +121,7 @@ h1{
#dropbox .preview{ #dropbox .preview{
width:245px; width:245px;
height: 215px; height: 245px;
float:left; float:left;
margin: 55px 0 0 60px; margin: 55px 0 0 60px;
position: relative; position: relative;
@ -170,7 +170,7 @@ h1{
height:12px; height:12px;
width:100%; width:100%;
left:0; left:0;
bottom: 0; bottom: 30px;
box-shadow:0 0 2px #000; box-shadow:0 0 2px #000;
} }
@ -193,3 +193,23 @@ h1{
#dropbox .preview.done .progress{ #dropbox .preview.done .progress{
width:100% !important; width:100% !important;
} }
/*-------------------------
Link Box
--------------------------*/
#dropbox .linkHolder {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
#dropbox .linkHolder input {
width: 100%;
}

View file

@ -17,7 +17,7 @@
</header> </header>
<div id="dropbox"> <div id="dropbox">
<span class="message">Drop images here to upload. <br /><i>(they will only be visible to you)</i></span> <span class="message">Drop images here to upload. <br /></span>
</div> </div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>

View file

@ -7,7 +7,8 @@ $(function(){
paramname:'image', paramname:'image',
maxfiles: 5, maxfiles: 5,
maxfilesize: 2, queuefiles: 1,
maxfilesize: 10,
url: 'upload.php', url: 'upload.php',
uploadFinished:function(i,file,response){ uploadFinished:function(i,file,response){
@ -52,14 +53,14 @@ $(function(){
}); });
var template = '<div class="preview">'+ var template = '<div class="preview">' +
'<span class="imageHolder">'+ '<span class="imageHolder">' +
'<img />'+ '<img />' +
'<span class="uploaded"></span>'+ '<span class="uploaded"></span>' +
'</span>'+ '</span>' +
'<div class="progressHolder">'+ '<div class="progressHolder">' +
'<div class="progress"></div>'+ '<div class="progress"></div>' +
'</div>'+ '</div>' +
'</div>'; '</div>';