MediaWiki:Vector.js: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 14: | Line 14: | ||
.addClass('help-container'); // Добавляем класс | .addClass('help-container'); // Добавляем класс | ||
// Создаем заголовок "Help" | // Создаем заголовок "Help" с ссылкой | ||
var helpHeader = $('<h3>') | var helpHeader = $('<h3>') | ||
. | .addClass('help-header') // Добавляем класс | ||
. | .html('<a href="https://example.com/help" style="text-decoration: none; color: inherit;">Help</a>'); // Заголовок с ссылкой | ||
// Добавляем заголовок в контейнер | // Добавляем заголовок в контейнер | ||
Line 24: | Line 24: | ||
// Массив с путями к изображениям | // Массив с путями к изображениям | ||
var images = [ | var images = [ | ||
'/images/5/52/10.14.2009.jpg', | { src: '/images/5/52/10.14.2009.jpg', link: 'https://example.com/image1' }, | ||
'/images/6/66/Friends_from_FC_29_Dec_2009.jpg' | { src: '/images/6/66/Friends_from_FC_29_Dec_2009.jpg', link: 'https://example.com/image2' } | ||
]; | ]; | ||
Line 31: | Line 31: | ||
var randomImage = images[Math.floor(Math.random() * images.length)]; | var randomImage = images[Math.floor(Math.random() * images.length)]; | ||
// Создаем элемент изображения | // Создаем элемент изображения с ссылкой | ||
var | var imageLink = $('<a>') | ||
.attr(' | .attr('href', randomImage.link) // Устанавливаем ссылку на изображение | ||
. | .html('<img src="' + randomImage.src + '" class="help-image" alt="Help Image">'); // Создаем элемент изображения | ||
// Добавляем изображение в контейнер | // Добавляем изображение в контейнер | ||
container.append( | container.append(imageLink); | ||
// Вставляем контейнер после Sidebar | // Вставляем контейнер после Sidebar |
Revision as of 16:24, 20 October 2024
$(document).ready(function() {
var newItem = $('<li class="personal-version" title="Version October 2024"><a href="/index.php?title=MediaWiki:Blog" style="text-decoration: none; color: inherit;">Version: Beta 5.1</a><hr style="display:inline-block; height: 20px; bottom: 2px; width: 1px; background: linear-gradient(to bottom, #DDD7CC, #702114); border: none; margin-left: 10px; vertical-align: middle;"></li>');
$('#p-personal > div > ul').prepend(newItem); // Добавляем элемент первым в списке навигации
});
$(document).ready(function() {
// Найдем элемент Sidebar (в Vector skin это обычно div с id 'p-tb')
var sidebar = $('#p-tb'); // Стандартный id для Sidebar в Vector skin
if (sidebar.length) {
// Создаем контейнер div
var container = $('<div>')
.attr('id', 'help-container') // Присваиваем контейнеру id
.addClass('help-container'); // Добавляем класс
// Создаем заголовок "Help" с ссылкой
var helpHeader = $('<h3>')
.addClass('help-header') // Добавляем класс
.html('<a href="https://example.com/help" style="text-decoration: none; color: inherit;">Help</a>'); // Заголовок с ссылкой
// Добавляем заголовок в контейнер
container.append(helpHeader);
// Массив с путями к изображениям
var images = [
{ src: '/images/5/52/10.14.2009.jpg', link: 'https://example.com/image1' },
{ src: '/images/6/66/Friends_from_FC_29_Dec_2009.jpg', link: 'https://example.com/image2' }
];
// Выбираем случайное изображение
var randomImage = images[Math.floor(Math.random() * images.length)];
// Создаем элемент изображения с ссылкой
var imageLink = $('<a>')
.attr('href', randomImage.link) // Устанавливаем ссылку на изображение
.html('<img src="' + randomImage.src + '" class="help-image" alt="Help Image">'); // Создаем элемент изображения
// Добавляем изображение в контейнер
container.append(imageLink);
// Вставляем контейнер после Sidebar
sidebar.after(container);
}
});