Various style changes; set queuefiles to 1 (possibly causing chrome crash error otherwise?)
This commit is contained in:
parent
262822e943
commit
898337c033
3 changed files with 34 additions and 13 deletions
|
@ -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%;
|
||||||
|
}
|
|
@ -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>
|
||||||
|
|
19
js/upload.js
19
js/upload.js
|
@ -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>';
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue