MediaWiki:Common.js: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
Tag: Manual revert
No edit summary
Tag: Reverted
Line 33: Line 33:
                 }
                 }
             }
             }
            // Check if there are any images and set up the initial content
            if (cardImages.length > 0) {
            var initialImage = cardImages[0]; // Use the first image initially


             // Set up image toggle if more than one image is found
             // Set up image toggle if more than one image is found
Line 58: Line 61:
};
};


            // Update the fixed column content
// Update the fixed column content
$('#article-title').html('<p class="article-entry-number">' + entryNumber + '</p><p class="article-people">' + people + '</p>');
$('#article-title').html('<p class="article-entry-number">' + entryNumber + '</p><p class="article-people">' + people + '</p>');
$('#article-content').html(
$('#article-content').html(
Line 91: Line 94:
    '<div class="article-modification-date">' + formatSimpleDate(modificationDate) + '</div>'
    '<div class="article-modification-date">' + formatSimpleDate(modificationDate) + '</div>'
);
);
            }


            function getImageHtml(image) {
function getImageHtml(image) {
    return '<div class="image-container">' +
                return '<div class="image-container">' +
              '<img src="' + image.src + '" alt="' + image.alt + '">' +
                        '<img src="' + image.src + '" alt="' + image.alt + '">' +
              '<div class="caption">' + image.caption + '</div>' +
                        '<div class="' + image.captionClass + '">' + image.caption + '</div>' +
          '</div>';
                    '</div>';
}
            }
 
function formatParagraphs(text) {
function formatParagraphs(text) {
    // Split the text into paragraphs and wrap each in a <span>
    // Split the text into paragraphs and wrap each in a <span>
Line 121: Line 125:
             event.stopPropagation();
             event.stopPropagation();
         });
         });
        function setupImageToggle(images) {
            var currentIndex = 0;
            function toggleImage() {
                currentIndex = (currentIndex + 1) % images.length;
                var image = images[currentIndex];
                $('#article-content').find('.article-image a').attr('href', image.link);
                $('#article-content').find('.article-image img').attr('src', image.src).attr('alt', image.alt);
                $('#article-content').find('.caption-image').text(image.caption);
            }
            // Attach click event to image for toggling
            $('#article-content').on('click', '.article-image img', function () {
                toggleImage();
            });
        }


         // Attach a mousedown event listener to close the fixed column
         // Attach a mousedown event listener to close the fixed column

Navigation menu