Changeset 19676

Timestamp:

03/10/10 13:49:10 (6 months ago)

Author:

macbre

Message:

ImageLightbox?: change details link icon and tooltip + add messaging

Location:

wikia/branches/ImageGallery/extensions/wikia/ImageLightbox

Files:

• ImageLightbox.class.php (modified) (1 diff)
• ImageLightbox.css (modified) (1 diff)
• ImageLightbox.i18n.php (added)
• ImageLightbox.js (modified) (1 diff)
• ImageLightbox_setup.php (modified) (1 diff)
• images (added)
• images/page_white_text.png (added)

wikia/branches/ImageGallery/extensions/wikia/ImageLightbox/ImageLightbox.class.php

@@ -36 +36 @@
                 $thumb = $image->getThumbnail($width, $height);
 
+                wfLoadExtensionMessages('ImageLightbox');
+
                 $res = array(
                         'width' => $thumb->getWidth(),
                         'height' => $thumb->getHeight(),
+                        'name' => $wgTitle->getText(),
                         'html' => $thumb->toHtml(),
                         'href' => $wgTitle->getLocalUrl(),
+                        'msg' => array(
+                                'tooltip' => wfMsg('lightbox_details_tooltip'),
+                        ),
                 );
 

wikia/branches/ImageGallery/extensions/wikia/ImageLightbox/ImageLightbox.css

@@ -5 +5 @@
 
 #lightbox-link {
-        background-image: url(http://images.wikia.com/common/skins/common/images/magnify-clip.png);
+        background-image: url(images/page_white_text.png);
         display: inline-block;
-        height: 11px;
-        width: 15px;
+        height: 16px;
+        width: 16px;
 }
 

wikia/branches/ImageGallery/extensions/wikia/ImageLightbox/ImageLightbox.js

@@ -66 +66 @@
                 }, function(res) {
                         if (res.html) {
-                                // popup title
-                                var desc = imageName.replace(/_/g, ' ');
-
                                 // open modal
                                 $.getScript(stylepath + '/common/jquery/jquery.wikia.modal.js?' + wgStyleVersion, function() {
-                                        var html = '<div id="lightbox-image" title="' + desc  +'" style="text-align: center">' +
+                                        var html = '<div id="lightbox-image" title="' + res.name + '" style="text-align: center">' +
                                                 res.html +
-                                                '<div id="lightbox-caption" class="neutral"><a id="lightbox-link" href="' + res.href + '">&nbsp;</a></div>' +
+                                                '<div id="lightbox-caption" class="neutral"><a id="lightbox-link" href="' + res.href + '" title="' + res.msg.tooltip + '">&nbsp;</a></div>' +
                                                 '</div>';
 

wikia/branches/ImageGallery/extensions/wikia/ImageLightbox/ImageLightbox_setup.php

@@ -13 +13 @@
 $wgHooks['BeforePageDisplay'][] = 'ImageLightbox::beforePageDisplay';
 
+// i18n
+$wgExtensionMessagesFiles['ImageLightbox'] = $dir.'/ImageLightbox.i18n.php';
+
 // Ajax dispatcher
 $wgAjaxExportList[] = 'ImageLightboxAjax';