danbarber/myimages
1
0
Fork 0
mirror of https://github.com/danbee/myimages synced 2025-03-04 08:39:09 +00:00
Code Issues Releases Wiki Activity

+ Added links to preview image.

Browse Source 
~ 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
images/images.php
View File

@ -33,7 +33,7 @@
$imageurl = $prot . '://' . $host . $root . '/image.php?user=' . $user . '&image=' . $file; $imageurl = $prot . '://' . $host . $root . '/image.php?user=' . $user . '&image=' . $file;
echo '<li><div class="image">' . echo '<li><div class="image">' .
'<a class="imagedel" href="?action=del&image='.$file.'"></a>' . '<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" />' . '<img src="', $imageurl, '&size=96" />' .
'</a>' . '</a>' .
'</div>' . '</div>' .

9
images/style/style.css
View File

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

7
lib/js/main.js
View File

@ -14,7 +14,8 @@ $(function() {
$(this).select(); $(this).select();
}); });
$('a.imagelink').fancybox({ $('a.imagelink').fancybox({
'titlePosition': 'inside' 'titlePosition': 'inside',
'titleFormat': formatTitle
}); });
$('.imagedel').click(function() { $('.imagedel').click(function() {
return confirm('Are you sure you wish to delete that image? This cannot be undone.'); 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({ var uploader = new plupload.Uploader({
runtimes : 'gears,html5,flash,silverlight', runtimes : 'gears,html5,flash,silverlight',
browse_button : 'pickfiles', browse_button : 'pickfiles',