MediaWiki:Mobile.js: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
 
(One intermediate revision by the same user not shown)
Line 186: Line 186:
      
      
         return '<div class="image-navigation">' +
         return '<div class="image-navigation">' +
                '<p class="article-label-image">' + imageLabel + '</p>' +
                    '<p class="article-label-image">' + imageLabel + '</p>' +
                  navigationHtml +
                    '<div class="image-container">' +
                  '<div class="image-container">' +
                        '<div class="arrows-and-image">' +
                      '<img src="' + image.src + '" alt="' + image.alt + '">' +
                            navigationHtml +
                      '<div class="' + image.captionClass + '">' + image.caption + '</div>' +
                            '<img src="' + image.src + '" alt="' + image.alt + '">' +
                  '</div>' +
                        '</div>' +
              '</div>';
                        '<div class="' + image.captionClass + '">' + image.caption + '</div>' +
                    '</div>' +
                '</div>';
     }
     }
      
      
Line 221: Line 223:
     
     
// Handle card elements (existing logic)
// Handle card elements (existing logic)
var cardImages = [];
    var cardImages = [];
for (var i = 1; i <= 5; i++) {
    for (var i = 1; i <= 5; i++) {
    var imageClass = '.image' + i;
        var imageClass = '.image' + i;
            var captionClass = '.caption-image' + i;
        var captionClass = '.caption-image' + i;
            var imageElem = $(cardElement).find(imageClass + ' img');
        var imageElem = $(cardElement).find(imageClass + ' img');
   
 
            if (imageElem.length) {
        if (imageElem.length) {
                var captionText = $(cardElement).find(imageClass + ' ' + captionClass).text();
            var captionText = $(cardElement).find(imageClass + ' ' + captionClass).text();
                cardImages.push({
            cardImages.push({
                    link: $(cardElement).find(imageClass + ' a').attr('href'),
                link: $(cardElement).find(imageClass + ' a').attr('href'),
                    src: imageElem.attr('src'),
                src: imageElem.attr('src'),
                    alt: imageElem.attr('alt'),
                alt: imageElem.attr('alt'),
                    caption: captionText,
                caption: captionText,
                    captionClass: 'caption-image' + i
                captionClass: 'caption-image' + i
                });
            });
            }
        }
}
    }
if (cardImages.length > 1) {
if (cardImages.length > 1) {

Navigation menu