More actions
No edit summary |
No edit summary |
||
Line 76: | Line 76: | ||
], | ], | ||
'Call of Juarez: Gunslinger': [ | 'Call of Juarez: Gunslinger': [ | ||
'https://www.chromengine.com/images/ | 'https://www.chromengine.com/images/4/4b/Call_of_juaez_gunslinger.png' | ||
], | ], | ||
'Dead Island Riptide': [ | 'Dead Island Riptide': [ |
Revision as of 20:31, 15 January 2025
/* Any JavaScript here will be loaded for all users on every page load. */
$(function(){
$('.card').on('mousenter', function(event){
event.preventDefault();
$(this).toggleClass('hovered');
});
$('.card').on('mouseleave', function(event){
event.preventDefault();
$(this).toggleClass('hovered');
});
});
document.querySelectorAll('.sub-card').forEach(card => {
card.addEventListener('click', function(event) {
event.stopPropagation(); // Prevent event bubbling
// Toggle the expanded state of the clicked card
const isExpanded = card.getAttribute('data-expanded') === 'true';
// Flip the current sub-card
card.setAttribute('data-expanded', isExpanded ? 'false' : 'true');
// Hide all other sub-cards
document.querySelectorAll('.sub-card').forEach(otherCard => {
if (otherCard !== card) {
otherCard.setAttribute('data-expanded', 'false');
}
});
});
});
document.querySelectorAll('.card').forEach(card => {
card.addEventListener('mouseleave', function() {
// Collapse all sub-cards when mouse leaves the main card
document.querySelectorAll('.sub-card').forEach(subCard => {
subCard.setAttribute('data-expanded', 'false');
});
});
});
$(document).ready(function() {
// Click event for the header or the arrow
$('.mw-collapsible-header').click(function() {
var parentDiv = $(this).closest('.mw-collapsible');
var content = parentDiv.find('.mw-collapsible-content');
// Toggle the collapse/expand state
parentDiv.toggleClass('mw-collapsed');
// Toggle visibility of the content
content.stop(true, true).slideToggle(); // Stop any ongoing animation before toggling visibility
});
// Ensure that the arrow starts pointing up for expanded sections by default
$('.mw-collapsible').each(function() {
var parentDiv = $(this);
var content = parentDiv.find('.mw-collapsible-content');
if (!parentDiv.hasClass('mw-collapsed')) {
content.show(); // Ensure content is visible
}
});
});
$(document).ready(function() {
var categories = mw.config.get('wgCategories');
// Define a mapping of categories to arrays of background images
var categoryBackgrounds = {
'Dead Island': [
'https://www.chromengine.com/images/5/5b/Dead_islan_background.png'
],
'Dying Light': [
'https://www.chromengine.com/images/2/26/Background.png'
],
'Call of Juarez: Gunslinger': [
'https://www.chromengine.com/images/4/4b/Call_of_juaez_gunslinger.png'
],
'Dead Island Riptide': [
'https://www.chromengine.com/images/b/b6/Random_project_di_riptide_1.png'
],
'Call of Juarez: BiB': [
'https://www.chromengine.com/images/2/24/Project_juaez_no_title_1.png'
],
'Call of Juarez: The Cartel': [
'https://www.chromengine.com/images/6/64/Callofjuarezcartel.png'
],
'Call of Juarez':[
'https://www.chromengine.com/images/c/cf/Call_of_juarez_background_1.png',
'https://www.chromengine.com/images/3/38/Call_of_juarez_background_2.png'
]
};
var defaultBackgrounds = [
'https://www.chromengine.com/images/8/89/Newbackground.png',
];
function preloadImage(url) {
var img = new Image();
img.src = url;
}
// Preload all background images
for (var category in categoryBackgrounds) {
categoryBackgrounds[category].forEach(preloadImage);
}
defaultBackgrounds.forEach(preloadImage);
function getRandomBackground(images) {
return images[Math.floor(Math.random() * images.length)];
}
var backgroundImageSet = false;
// Set a random background for the matching category
categories.forEach(function(category) {
if (categoryBackgrounds[category]) {
var randomImage = getRandomBackground(categoryBackgrounds[category]);
$('body').css({
'background': `linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("${randomImage}")`,
'background-repeat': 'no-repeat',
'background-position': 'top center',
'background-size': 'cover',
'opacity': 30,
'transition': 'opacity 0.5s ease',
'background-attachment': 'fixed'
});
backgroundImageSet = true;
}
});
if (!backgroundImageSet) {
var randomDefault = getRandomBackground(defaultBackgrounds);
$('body').css({
'background': `linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("${randomDefault}")`,
'background-repeat': 'no-repeat',
'background-position': 'top center',
'background-size': 'cover',
'opacity': 30,
'transition': 'opacity 0.5s ease',
'background-attachment': 'fixed'
});
}
});