CLEANUP: Remove duplicate character image toggle functionality
- Removed redundant character-toggle-btn since theme system now handles show/hide - Deleted toggleCharacterImages() function and related JavaScript - Theme dropdown 'None' option now serves the same purpose as the old hide button - Eliminates duplicate UI controls and conflicting functionality - Streamlined character image management through unified theme system
This commit is contained in:
parent
c674f60c1d
commit
4611f03d72
34
index.html
34
index.html
|
|
@ -5954,40 +5954,8 @@
|
||||||
window.removeVideoDirectory = removeVideoDirectory;
|
window.removeVideoDirectory = removeVideoDirectory;
|
||||||
window.closeVideoPreview = closeVideoPreview;
|
window.closeVideoPreview = closeVideoPreview;
|
||||||
|
|
||||||
// Character images toggle functionality
|
|
||||||
let charactersVisible = true;
|
|
||||||
|
|
||||||
function toggleCharacterImages() {
|
|
||||||
charactersVisible = !charactersVisible;
|
|
||||||
const characterElements = document.querySelectorAll('.character-side');
|
|
||||||
const toggleBtn = document.getElementById('character-toggle-btn');
|
|
||||||
|
|
||||||
characterElements.forEach(element => {
|
|
||||||
element.style.display = charactersVisible ? 'block' : 'none';
|
|
||||||
});
|
|
||||||
|
|
||||||
toggleBtn.textContent = charactersVisible ? '👁️ Hide Images' : '👁️ Show Images';
|
|
||||||
|
|
||||||
// Save preference to localStorage
|
|
||||||
localStorage.setItem('charactersVisible', charactersVisible);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Load saved preference on page load
|
|
||||||
document.addEventListener('DOMContentLoaded', function() {
|
|
||||||
const saved = localStorage.getItem('charactersVisible');
|
|
||||||
if (saved !== null) {
|
|
||||||
charactersVisible = saved === 'true';
|
|
||||||
if (!charactersVisible) {
|
|
||||||
toggleCharacterImages();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
window.toggleCharacterImages = toggleCharacterImages;
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Character Images Toggle Button -->
|
|
||||||
<button id="character-toggle-btn" class="character-toggle-btn" onclick="toggleCharacterImages()">
|
|
||||||
👁️ Hide Images
|
|
||||||
</button>
|
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in New Issue