1
0
mirror of https://github.com/danbee/myimages synced 2025-03-04 08:39:09 +00:00

+ Added links to preview image.

~ Changed preview size to 600px.
~ Styled links.
This commit is contained in:
Dan Barber 2010-03-10 12:40:14 +00:00
parent 34fd3904cb
commit faf45ef189
3 changed files with 15 additions and 3 deletions

View File

@ -33,7 +33,7 @@
$imageurl = $prot . '://' . $host . $root . '/image.php?user=' . $user . '&image=' . $file;
echo '<li><div class="image">' .
'<a class="imagedel" href="?action=del&image='.$file.'"></a>' .
'<a rel="userimages" class="imagelink" href="'.$imageurl.'&size=580" title="'.htmlentities($imageurl).'">' .
'<a rel="userimages" class="imagelink" href="'.$imageurl.'&size=600" title="'.htmlentities($imageurl).'">' .
'<img src="', $imageurl, '&size=96" />' .
'</a>' .
'</div>' .

View File

@ -20,6 +20,13 @@ input.imagelink {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
a {
text-decoration: none;
color: #999;
}
a:hover {
color: #333;
}
.button {
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
@ -76,4 +83,4 @@ ul#images li .image img {
}
.progress {
font-weight: bold;
}
}

View File

@ -14,7 +14,8 @@ $(function() {
$(this).select();
});
$('a.imagelink').fancybox({
'titlePosition': 'inside'
'titlePosition': 'inside',
'titleFormat': formatTitle
});
$('.imagedel').click(function() {
return confirm('Are you sure you wish to delete that image? This cannot be undone.');
@ -22,6 +23,10 @@ $(function() {
});
}
function formatTitle(title, currentArray, currentIndex, currentOpts) {
return '<a href="'+title+'">Original</a> | <a href="'+title+'&size=600">Large (600px)</a> | <a href="'+title+'&size=300">Medium (300px)</a> | <a href="'+title+'&size=100">Thumb (100px)</a>';
}
var uploader = new plupload.Uploader({
runtimes : 'gears,html5,flash,silverlight',
browse_button : 'pickfiles',