Original: viewtopic.php?f=60&t=16302
"Was bringt das?"
Wenn sie auf ein, an ein Ticket, angehängtes Bild klicken wird dieses mittels einem schicken Popover angezeigt.
Und so gehts...
1) Lightbox hier herunterladen http://lokeshdhakar.com/projects/lightbox2/
2) Die heruntergeladene Datei einfach irgendwo entpacken. Beispielsweise:
otrs/var/httpd/htdocs/js/thirdparty/lightbox
3) Nun folgt noch das Anpassen einiger Dateien
lightbox/css/lightbox.css
Code: Select all
/* line 81, ../sass/lightbox.sass */
.lb-prev:hover {
background: url(/otrs-web/js/thirdparty/lightbox/images/prev.png) left 48% no-repeat;
}
/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
background: url(/otrs-web/js/thirdparty/lightbox/images/next.png) right 48% no-repeat;
}
lightbox/js/lightbox.js
Code: Select all
function LightboxOptions() {
this.fileLoadingImage = '/otrs-web/js/thirdparty/lightbox/images/loading.gif';
this.fileCloseImage = '/otrs-web/js/thirdparty/lightbox/images/close.png';
Code: Select all
<script src ="$Config{"Frontend::WebPath"}js/thirdparty/lightbox/js/jquery-1.7.2.min.js"></script>
<script src ="$Config{"Frontend::WebPath"}js/thirdparty/lightbox/js/lightbox.js"></script>
<link href="$Config{"Frontend::WebPath"}js/thirdparty/lightbox/css/lightbox.css" rel="stylesheet" />
[code]
Kernel/Output/HTML/ArticleAttachmentDownload.pm
[code]
my $EncodedFilename = $Self->{LayoutObject}->LinkEncode( $Param{File}->{Filename} || '' );
my $rel = '';
if (lc $EncodedFilename =~ /\.(tif|jpg|png|gif|jpeg|tiff)$/) {
$rel = '" rel="lightbox';
}
return (
%{ $Param{File} },
Action => 'Download',
Link =>
"\$Env{\"CGIHandle\"}/$EncodedFilename?Action=AgentTicketAttachment;ArticleID=$Param{Article}->{ArticleID};FileID=$Param{File}->{FileID}" . $rel,
Video: http://screencast.com/t/2CmScFoVRU1Y