4,396
edits
MediaWiki:Common.js: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary Tag: Reverted |
No edit summary Tag: Manual revert |
||
| Line 40: | Line 40: | ||
} | } | ||
// Set up image toggle if more than one image is found | // Set up image toggle if more than one image is found | ||
if (cardImages.length > 1) { | if (cardImages.length > 1) { | ||
| Line 80: | Line 81: | ||
if (cardImages.length > 0) { | if (cardImages.length > 0) { | ||
var initialImage = cardImages[0]; // Use the first image initially | var initialImage = cardImages[0]; // Use the first image initially | ||
articleContentHtml += | articleContentHtml += | ||
'<div class=" | '<div class="article-images">' + | ||
getImageHtml(initialImage | '<p class="article-label-image">Image(s)</p>' + | ||
'<div class="article-image">' + getImageHtml(initialImage) + '</div>' + | |||
'</div>'; | '</div>'; | ||
} | } | ||
// Add non-image content (description, reflection, etc.) | // Add non-image content (description, reflection, etc.) | ||
articleContentHtml += | articleContentHtml += | ||
| Line 125: | Line 126: | ||
function setupImageToggle(images) { | function setupImageToggle(images) { | ||
var currentIndex = 0; | var currentIndex = 0; | ||
function toggleImage() { | function toggleImage() { | ||
currentIndex = (currentIndex + 1) % | currentIndex = (currentIndex + 1) % images.length; | ||
var image = images[currentIndex]; | var image = images[currentIndex]; | ||
var | var articleImageContainer = $('#article-content').find('.article-image'); | ||
articleImageContainer.html(getImageHtml(image)); | |||
} | } | ||
| Line 137: | Line 137: | ||
toggleImage(); | toggleImage(); | ||
}); | }); | ||
} | } | ||
function getImageHtml(image | function getImageHtml(image) { | ||
return '<div class="image-container">' + | |||
return | '<img src="' + image.src + '" alt="' + image.alt + '">' + | ||
'<div class="' + image.captionClass + '">' + image.caption + '</div>' + // Using caption text | |||
'</div>'; | '</div>'; | ||
} | } | ||