<?xml version="1.0"?>
<rss version="2.0"><channel><title>Webcomics Latest Topics</title><link>https://www.comicbookuniversebattles.com/index.php?/forums/forum/73-webcomics/</link><description>Webcomics Latest Topics</description><language>en</language><item><title>Worlds Collide: Marvel Heroes vs Z Fighters - Volume 2 - The King of the Demon Realm vs. The Master of Magnetism!</title><link>https://www.comicbookuniversebattles.com/index.php?/forums/topic/43438-worlds-collide-marvel-heroes-vs-z-fighters-volume-2-the-king-of-the-demon-realm-vs-the-master-of-magnetism/</link><description><![CDATA[<div id="comicViewerContainer" style="width: 100%; max-width: 900px; margin: 0 auto;">
	<div id="defaultView" style="display: block;">
		<div class="image-container" style="position: relative;">
			<img alt="0. cover.png" class="ipsNoLightbox" data-fileid="2574" id="defaultImage1" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/0.cover.png.db73c0da1302a3a6b3ef145aac3431e4.png">
			<div class="click-overlay" onclick="handleImageClick(1, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="0. CREDITS.png" class="ipsNoLightbox" data-fileid="2575" id="defaultImage2" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/0.CREDITS.png.c584078938fa8ac7a528abbb4a609161.png">
			<div class="click-overlay" onclick="handleImageClick(2, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="0. DISCLAIMER.png" class="ipsNoLightbox" data-fileid="2576" id="defaultImage3" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/0.DISCLAIMER.png.48f1a1e0f46a158655c9d240767cf6b2.png">
			<div class="click-overlay" onclick="handleImageClick(3, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="0. DPROLUGUE.png" class="ipsNoLightbox" data-fileid="2577" id="defaultImage4" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/0.DPROLUGUE.png.eed40f4211ae8c708f7c70804bf06893.png">
			<div class="click-overlay" onclick="handleImageClick(4, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="0. recap 1_Tavola disegno 1.png" class="ipsNoLightbox" data-fileid="2553" id="defaultImage5" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/0.recap1_Tavoladisegno1.png.c04db65da9a65ebfb1d534e64158e794.png">
			<div class="click-overlay" onclick="handleImageClick(5, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="0. recap 2_Tavola disegno 1.png" class="ipsNoLightbox" data-fileid="2578" id="defaultImage6" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/0.recap2_Tavoladisegno1.png.05204c5bf1ea624456134747785cdd44.png">
			<div class="click-overlay" onclick="handleImageClick(6, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="0. recap 3_Tavola disegno 1.png" class="ipsNoLightbox" data-fileid="2579" id="defaultImage7" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/0.recap3_Tavoladisegno1.png.97bdb3f8b0d0b18549968277976f4dea.png">
			<div class="click-overlay" onclick="handleImageClick(7, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="0. title card.png" class="ipsNoLightbox" data-fileid="2554" id="defaultImage8" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/0.titlecard.png.e04712224f51ed9edc313046d97c6e05.png">
			<div class="click-overlay" onclick="handleImageClick(8, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="1.png" class="ipsNoLightbox" data-fileid="2555" id="defaultImage9" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/1.png.2803b1d646f809c0fdea07171d3e64a1.png">
			<div class="click-overlay" onclick="handleImageClick(9, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="2.png" class="ipsNoLightbox" data-fileid="2556" id="defaultImage10" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/2.png.0626bc6dd8ff399dda291274a32a0110.png">
			<div class="click-overlay" onclick="handleImageClick(10, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="3.png" class="ipsNoLightbox" data-fileid="2580" id="defaultImage11" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/3.png.77a96dff5256ba256b951adad096de70.png">
			<div class="click-overlay" onclick="handleImageClick(11, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="4.png" class="ipsNoLightbox" data-fileid="2581" id="defaultImage12" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/4.png.19fc372fbf8afab810075f8fd9404ca2.png">
			<div class="click-overlay" onclick="handleImageClick(12, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="5.png" class="ipsNoLightbox" data-fileid="2557" id="defaultImage13" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/5.png.28652ec398c4f3908765881a429139c1.png">
			<div class="click-overlay" onclick="handleImageClick(13, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="6.png" class="ipsNoLightbox" data-fileid="2558" id="defaultImage14" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/6.png.761eda797e9f1fd0faa5d8b1ea9f7fde.png">
			<div class="click-overlay" onclick="handleImageClick(14, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="7.png" class="ipsNoLightbox" data-fileid="2559" id="defaultImage15" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/7.png.902f520fda180583684ca7b4a14bfcf9.png">
			<div class="click-overlay" onclick="handleImageClick(15, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="8.png" class="ipsNoLightbox" data-fileid="2560" id="defaultImage16" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/8.png.3777458b501bd436598271f4470905bf.png">
			<div class="click-overlay" onclick="handleImageClick(16, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="9.png" class="ipsNoLightbox" data-fileid="2582" id="defaultImage17" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/9.png.1f03f25f9c1aea1505fee72a473cd9a2.png">
			<div class="click-overlay" onclick="handleImageClick(17, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="10.png" class="ipsNoLightbox" data-fileid="2583" id="defaultImage18" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/10.png.34a37f8d103b28c4273f3198c69bbbea.png">
			<div class="click-overlay" onclick="handleImageClick(18, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="11.png" class="ipsNoLightbox" data-fileid="2584" id="defaultImage19" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/11.png.f281a095a3be5a308871819031ecff0a.png">
			<div class="click-overlay" onclick="handleImageClick(19, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="12.png" class="ipsNoLightbox" data-fileid="2585" id="defaultImage20" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/12.png.0ab8ef68ef3a72ffe453b08bff316ab2.png">
			<div class="click-overlay" onclick="handleImageClick(20, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="13.png" class="ipsNoLightbox" data-fileid="2561" id="defaultImage21" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/13.png.1d494125d723612617050c658f759c8a.png">
			<div class="click-overlay" onclick="handleImageClick(21, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="14.png" class="ipsNoLightbox" data-fileid="2562" id="defaultImage22" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/14.png.a8a9dda8a2a7c60bcfb93e2cc40feee4.png">
			<div class="click-overlay" onclick="handleImageClick(22, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="15.png" class="ipsNoLightbox" data-fileid="2586" id="defaultImage23" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/15.png.5442d02cb9f73a2dd42328360c716a73.png">
			<div class="click-overlay" onclick="handleImageClick(23, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="16.png" class="ipsNoLightbox" data-fileid="2563" id="defaultImage24" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/16.png.9a770b93737eb29f6773b463fdafba3e.png">
			<div class="click-overlay" onclick="handleImageClick(24, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="17.png" class="ipsNoLightbox" data-fileid="2587" id="defaultImage25" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/17.png.587838193c0943e48d5b134d4540085a.png">
			<div class="click-overlay" onclick="handleImageClick(25, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="18.png" class="ipsNoLightbox" data-fileid="2588" id="defaultImage26" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/18.png.137ad96467a934da3c61ea3eeff4b943.png">
			<div class="click-overlay" onclick="handleImageClick(26, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="19.png" class="ipsNoLightbox" data-fileid="2589" id="defaultImage27" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/19.png.b39a7e1324744e539831cd904f2779ca.png">
			<div class="click-overlay" onclick="handleImageClick(27, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="20.png" class="ipsNoLightbox" data-fileid="2590" id="defaultImage28" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/20.png.e4b183ae148e50069a3979bba623b781.png">
			<div class="click-overlay" onclick="handleImageClick(28, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="21.png" class="ipsNoLightbox" data-fileid="2591" id="defaultImage29" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/21.png.cbeb3ebcf551ef051d51238851ab6f20.png">
			<div class="click-overlay" onclick="handleImageClick(29, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="22.png" class="ipsNoLightbox" data-fileid="2592" id="defaultImage30" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/22.png.7963854d030f993a89c58c6b17058547.png">
			<div class="click-overlay" onclick="handleImageClick(30, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="23.png" class="ipsNoLightbox" data-fileid="2593" id="defaultImage31" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/23.png.c2d1e196167c0ec9ad20e0d272a2394f.png">
			<div class="click-overlay" onclick="handleImageClick(31, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="24.png" class="ipsNoLightbox" data-fileid="2564" id="defaultImage32" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/24.png.033acc287d731270b4ef489a55462891.png">
			<div class="click-overlay" onclick="handleImageClick(32, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="25.png" class="ipsNoLightbox" data-fileid="2565" id="defaultImage33" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/25.png.efad02cb447319e87ef5142f2a0fd3ba.png">
			<div class="click-overlay" onclick="handleImageClick(33, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="26.png" class="ipsNoLightbox" data-fileid="2566" id="defaultImage34" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/26.png.1d5c49783e1e3148929c7fa427b9b368.png">
			<div class="click-overlay" onclick="handleImageClick(34, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="27.png" class="ipsNoLightbox" data-fileid="2594" id="defaultImage35" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/27.png.3b27100b8486391b9be3cc859bfef733.png">
			<div class="click-overlay" onclick="handleImageClick(35, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="28.png" class="ipsNoLightbox" data-fileid="2595" id="defaultImage36" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/28.png.52b88f6edb366c698c2556a31e76a800.png">
			<div class="click-overlay" onclick="handleImageClick(36, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="29.png" class="ipsNoLightbox" data-fileid="2567" id="defaultImage37" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/29.png.48c1329336c8c5940e2396cfa1364f34.png">
			<div class="click-overlay" onclick="handleImageClick(37, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="30.png" class="ipsNoLightbox" data-fileid="2596" id="defaultImage38" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/30.png.e5d91b1d1dc138e9396b10fd45bf0ba0.png">
			<div class="click-overlay" onclick="handleImageClick(38, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="31.png" class="ipsNoLightbox" data-fileid="2568" id="defaultImage39" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/31.png.326868b6bee015575b86ef8f04ffed61.png">
			<div class="click-overlay" onclick="handleImageClick(39, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="32.png" class="ipsNoLightbox" data-fileid="2597" id="defaultImage40" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/32.png.5975c497859dd20bf290c4fc950a0fef.png">
			<div class="click-overlay" onclick="handleImageClick(40, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="33.png" class="ipsNoLightbox" data-fileid="2569" id="defaultImage41" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/33.png.d86e44ef3e56886481e2b2c16e55ffb9.png">
			<div class="click-overlay" onclick="handleImageClick(41, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="34.png" class="ipsNoLightbox" data-fileid="2598" id="defaultImage42" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/34.png.c722d3a80e04296b6cab05638feea8e2.png">
			<div class="click-overlay" onclick="handleImageClick(42, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="Spotlight 1.png" class="ipsNoLightbox" data-fileid="2599" id="defaultImage43" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/Spotlight1.png.df88d7cd59c59b391966dd03982f1530.png">
			<div class="click-overlay" onclick="handleImageClick(43, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="Spotlight 2.png" class="ipsNoLightbox" data-fileid="2570" id="defaultImage44" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/Spotlight2.png.80a53ea965f3b486a7e455872feec932.png">
			<div class="click-overlay" onclick="handleImageClick(44, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="Spotlight 3.png" class="ipsNoLightbox" data-fileid="2571" id="defaultImage45" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/Spotlight3.png.ca7be51b7a2478d287f1270ebcfb69fa.png">
			<div class="click-overlay" onclick="handleImageClick(45, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="Spotlight 4.png" class="ipsNoLightbox" data-fileid="2600" id="defaultImage46" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/Spotlight4.png.4bbc10b05f5ed182ea6cc9cd0eade9a6.png">
			<div class="click-overlay" onclick="handleImageClick(46, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="Spotlight 5.png" class="ipsNoLightbox" data-fileid="2601" id="defaultImage47" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/Spotlight5.png.220e1f9c83509856c424a9d2037118b0.png">
			<div class="click-overlay" onclick="handleImageClick(47, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="Spotlight 6.png" class="ipsNoLightbox" data-fileid="2602" id="defaultImage48" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/Spotlight6.png.3129d6f7f2d6672a7b4bd8bfb9b2e937.png">
			<div class="click-overlay" onclick="handleImageClick(48, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="Spotlight 7.png" class="ipsNoLightbox" data-fileid="2603" id="defaultImage49" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/Spotlight7.png.29bfacec494e4be5714292f619af5302.png">
			<div class="click-overlay" onclick="handleImageClick(49, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="Spotlight 8.png" class="ipsNoLightbox" data-fileid="2572" id="defaultImage50" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/Spotlight8.png.e383265352efd0114e31557376c5e70d.png">
			<div class="click-overlay" onclick="handleImageClick(50, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="Spotlight 9.png" class="ipsNoLightbox" data-fileid="2604" id="defaultImage51" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/Spotlight9.png.8ff8fe3e9eefa0617f42430d29468008.png">
			<div class="click-overlay" onclick="handleImageClick(51, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>

		<div class="image-container" style="position: relative; display: none;">
			<img alt="z.Back.png" class="ipsNoLightbox" data-fileid="2573" id="defaultImage52" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/z_Back.png.d25a9ea053974e5f07629ea4cb6e9da0.png">
			<div class="click-overlay" onclick="handleImageClick(52, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">
				 
			</div>
		</div>
	</div>

	<div id="enlargedView" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: black; z-index: 10000;">
		<div id="enlargedImagesContainer" style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative;">
			<img alt="0. cover.png" data-fileid="2574" id="enlargedImage1" style="max-width: 100%; max-height: 100%; display: block;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/0.cover.png.db73c0da1302a3a6b3ef145aac3431e4.png"> <img alt="0. CREDITS.png" data-fileid="2575" id="enlargedImage2" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/0.CREDITS.png.c584078938fa8ac7a528abbb4a609161.png"> <img alt="0. DISCLAIMER.png" data-fileid="2576" id="enlargedImage3" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/0.DISCLAIMER.png.48f1a1e0f46a158655c9d240767cf6b2.png"> <img alt="0. DPROLUGUE.png" data-fileid="2577" id="enlargedImage4" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/0.DPROLUGUE.png.eed40f4211ae8c708f7c70804bf06893.png"> <img alt="0. recap 1_Tavola disegno 1.png" data-fileid="2553" id="enlargedImage5" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/0.recap1_Tavoladisegno1.png.c04db65da9a65ebfb1d534e64158e794.png"> <img alt="0. recap 2_Tavola disegno 1.png" data-fileid="2578" id="enlargedImage6" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/0.recap2_Tavoladisegno1.png.05204c5bf1ea624456134747785cdd44.png"> <img alt="0. recap 3_Tavola disegno 1.png" data-fileid="2579" id="enlargedImage7" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/0.recap3_Tavoladisegno1.png.97bdb3f8b0d0b18549968277976f4dea.png"> <img alt="0. title card.png" data-fileid="2554" id="enlargedImage8" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/0.titlecard.png.e04712224f51ed9edc313046d97c6e05.png"> <img alt="1.png" data-fileid="2555" id="enlargedImage9" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/1.png.2803b1d646f809c0fdea07171d3e64a1.png"> <img alt="2.png" data-fileid="2556" id="enlargedImage10" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/2.png.0626bc6dd8ff399dda291274a32a0110.png"> <img alt="3.png" data-fileid="2580" id="enlargedImage11" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/3.png.77a96dff5256ba256b951adad096de70.png"> <img alt="4.png" data-fileid="2581" id="enlargedImage12" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/4.png.19fc372fbf8afab810075f8fd9404ca2.png"> <img alt="5.png" data-fileid="2557" id="enlargedImage13" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/5.png.28652ec398c4f3908765881a429139c1.png"> <img alt="6.png" data-fileid="2558" id="enlargedImage14" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/6.png.761eda797e9f1fd0faa5d8b1ea9f7fde.png"> <img alt="7.png" data-fileid="2559" id="enlargedImage15" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/7.png.902f520fda180583684ca7b4a14bfcf9.png"> <img alt="8.png" data-fileid="2560" id="enlargedImage16" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/8.png.3777458b501bd436598271f4470905bf.png"> <img alt="9.png" data-fileid="2582" id="enlargedImage17" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/9.png.1f03f25f9c1aea1505fee72a473cd9a2.png"> <img alt="10.png" data-fileid="2583" id="enlargedImage18" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/10.png.34a37f8d103b28c4273f3198c69bbbea.png"> <img alt="11.png" data-fileid="2584" id="enlargedImage19" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/11.png.f281a095a3be5a308871819031ecff0a.png"> <img alt="12.png" data-fileid="2585" id="enlargedImage20" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/12.png.0ab8ef68ef3a72ffe453b08bff316ab2.png"> <img alt="13.png" data-fileid="2561" id="enlargedImage21" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/13.png.1d494125d723612617050c658f759c8a.png"> <img alt="14.png" data-fileid="2562" id="enlargedImage22" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/14.png.a8a9dda8a2a7c60bcfb93e2cc40feee4.png"> <img alt="15.png" data-fileid="2586" id="enlargedImage23" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/15.png.5442d02cb9f73a2dd42328360c716a73.png"> <img alt="16.png" data-fileid="2563" id="enlargedImage24" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/16.png.9a770b93737eb29f6773b463fdafba3e.png"> <img alt="17.png" data-fileid="2587" id="enlargedImage25" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/17.png.587838193c0943e48d5b134d4540085a.png"> <img alt="18.png" data-fileid="2588" id="enlargedImage26" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/18.png.137ad96467a934da3c61ea3eeff4b943.png"> <img alt="19.png" data-fileid="2589" id="enlargedImage27" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/19.png.b39a7e1324744e539831cd904f2779ca.png"> <img alt="20.png" data-fileid="2590" id="enlargedImage28" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/20.png.e4b183ae148e50069a3979bba623b781.png"> <img alt="21.png" data-fileid="2591" id="enlargedImage29" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/21.png.cbeb3ebcf551ef051d51238851ab6f20.png"> <img alt="22.png" data-fileid="2592" id="enlargedImage30" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/22.png.7963854d030f993a89c58c6b17058547.png"> <img alt="23.png" data-fileid="2593" id="enlargedImage31" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/23.png.c2d1e196167c0ec9ad20e0d272a2394f.png"> <img alt="24.png" data-fileid="2564" id="enlargedImage32" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/24.png.033acc287d731270b4ef489a55462891.png"> <img alt="25.png" data-fileid="2565" id="enlargedImage33" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/25.png.efad02cb447319e87ef5142f2a0fd3ba.png"> <img alt="26.png" data-fileid="2566" id="enlargedImage34" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/26.png.1d5c49783e1e3148929c7fa427b9b368.png"> <img alt="27.png" data-fileid="2594" id="enlargedImage35" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/27.png.3b27100b8486391b9be3cc859bfef733.png"> <img alt="28.png" data-fileid="2595" id="enlargedImage36" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/28.png.52b88f6edb366c698c2556a31e76a800.png"> <img alt="29.png" data-fileid="2567" id="enlargedImage37" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/29.png.48c1329336c8c5940e2396cfa1364f34.png"> <img alt="30.png" data-fileid="2596" id="enlargedImage38" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/30.png.e5d91b1d1dc138e9396b10fd45bf0ba0.png"> <img alt="31.png" data-fileid="2568" id="enlargedImage39" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/31.png.326868b6bee015575b86ef8f04ffed61.png"> <img alt="32.png" data-fileid="2597" id="enlargedImage40" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/32.png.5975c497859dd20bf290c4fc950a0fef.png"> <img alt="33.png" data-fileid="2569" id="enlargedImage41" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/33.png.d86e44ef3e56886481e2b2c16e55ffb9.png"> <img alt="34.png" data-fileid="2598" id="enlargedImage42" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/34.png.c722d3a80e04296b6cab05638feea8e2.png"> <img alt="Spotlight 1.png" data-fileid="2599" id="enlargedImage43" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/Spotlight1.png.df88d7cd59c59b391966dd03982f1530.png"> <img alt="Spotlight 2.png" data-fileid="2570" id="enlargedImage44" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/Spotlight2.png.80a53ea965f3b486a7e455872feec932.png"> <img alt="Spotlight 3.png" data-fileid="2571" id="enlargedImage45" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/Spotlight3.png.ca7be51b7a2478d287f1270ebcfb69fa.png"> <img alt="Spotlight 4.png" data-fileid="2600" id="enlargedImage46" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/Spotlight4.png.4bbc10b05f5ed182ea6cc9cd0eade9a6.png"> <img alt="Spotlight 5.png" data-fileid="2601" id="enlargedImage47" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/Spotlight5.png.220e1f9c83509856c424a9d2037118b0.png"> <img alt="Spotlight 6.png" data-fileid="2602" id="enlargedImage48" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/Spotlight6.png.3129d6f7f2d6672a7b4bd8bfb9b2e937.png"> <img alt="Spotlight 7.png" data-fileid="2603" id="enlargedImage49" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/Spotlight7.png.29bfacec494e4be5714292f619af5302.png"> <img alt="Spotlight 8.png" data-fileid="2572" id="enlargedImage50" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/Spotlight8.png.e383265352efd0114e31557376c5e70d.png"> <img alt="Spotlight 9.png" data-fileid="2604" id="enlargedImage51" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/Spotlight9.png.8ff8fe3e9eefa0617f42430d29468008.png"> <img alt="z.Back.png" data-fileid="2573" id="enlargedImage52" style="max-width: 100%; max-height: 100%; display: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_11/z_Back.png.d25a9ea053974e5f07629ea4cb6e9da0.png">
		</div>

		<div id="leftArrow" onclick="changeEnlargedPage(-1, event)" style="position: absolute; top: 0; left: 0; width: 15%; height: 100%; display: none; align-items: center; justify-content: flex-start; padding-left: 20px; cursor: pointer; z-index: 1001; opacity: 0; transition: opacity 0.3s ease;">
			<span style="color: white; font-size: 60px; font-weight: bold; text-shadow: 2px 2px 5px rgba(0,0,0,0.5);">❮</span>
		</div>

		<div id="rightArrow" onclick="changeEnlargedPage(1, event)" style="position: absolute; top: 0; right: 0; width: 15%; height: 100%; display: none; align-items: center; justify-content: flex-end; padding-right: 20px; cursor: pointer; z-index: 1001; opacity: 0; transition: opacity 0.3s ease;">
			<span style="color: white; font-size: 60px; font-weight: bold; text-shadow: 2px 2px 5px rgba(0,0,0,0.5);">❯</span>
		</div>

		<div id="leftTouchArea" onclick="handleMobileClick(-1, event)" style="position: absolute; top: 0; left: 0; width: 25%; height: 85%; cursor: pointer; z-index: 998;">
			 
		</div>

		<div id="rightTouchArea" onclick="handleMobileClick(1, event)" style="position: absolute; top: 0; right: 0; width: 75%; height: 85%; cursor: pointer; z-index: 998;">
			 
		</div>

		<div id="mobileNavButtons" style="position: absolute; bottom: 70px; left: 0; right: 0; display: none; justify-content: center; gap: 50px; z-index: 1003;">
			<button id="prevButton" onclick="changeEnlargedPage(-1, event)" style="width: 60px; height: 60px; border-radius: 50%; background-color: rgba(0,0,0,0.5); border: 2px solid white; color: white; font-size: 24px; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-tap-highlight-color: transparent; touch-action: manipulation;">◀</button><button id="nextButton" onclick="changeEnlargedPage(1, event)" style="width: 60px; height: 60px; border-radius: 50%; background-color: rgba(0,0,0,0.5); border: 2px solid white; color: white; font-size: 24px; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-tap-highlight-color: transparent; touch-action: manipulation;">▶</button>
		</div>

		<div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center; z-index: 1001;">
			<span id="enlargedPageCounter" style="color: white; font-size: 18px; font-weight: bold; background-color: rgba(0,0,0,0.5); padding: 5px 15px; border-radius: 20px;">Page 1 of 32</span>
		</div>
	</div>
</div>
<script>

    // Variables to track current page in each view

    let currentDefaultPage = 1;

    let currentEnlargedPage = 1;

    const totalPages = 52;

    let isFullscreen = false;

    let arrowFadeTimeout = null;

    let isMobile = false;

    

    // Variables for touch handling

    let touchStartX = 0;

    let touchEndX = 0;

    let touchStartTime = 0;

    let touchEndTime = 0;

    

    // Prevent default IPB lightbox from loading on our images on page load

    function disableIPSLightbox() {

      // Disable IPS lightbox for all our images

      const images = document.querySelectorAll('#comicViewerContainer img');

      for (let i = 0; i < images.length; i++) {

        // Remove any IPS lightbox data attributes

        images[i].removeAttribute('data-ipsLightbox');

        images[i].setAttribute('data-no-lightbox', 'true');

        

        // Add a class that we can target with CSS if needed

        images[i].classList.add('ipsNoLightbox');

        

        // Disable pointer events to prevent interaction

        images[i].style.pointerEvents = 'none';

      }

      

      // Try to disable any IPB click handlers if they exist

      if (window.jQuery) {

        try {

          jQuery('#comicViewerContainer img').off('click');

        } catch (e) {

          console.log('Could not remove jQuery handlers');

        }

      }

    }

    

    // Show or hide mobile elements based on device/fullscreen state

    function updateMobileElements() {

      const isMobileDevice = detectMobile();

      const leftArea = document.getElementById('leftTouchArea');

      const rightArea = document.getElementById('rightTouchArea');

      const mobileNavButtons = document.getElementById('mobileNavButtons');

      

      if (isMobileDevice && isFullscreen) {

        // Show mobile elements on mobile in fullscreen

        leftArea.style.display = 'block';

        rightArea.style.display = 'block';

        mobileNavButtons.style.display = 'flex';

        

        // Make sure touch areas don't extend to the bottom where buttons are

        leftArea.style.height = rightArea.style.height = '85%';

      } else {

        // Hide on desktop or non-fullscreen

        leftArea.style.display = 'none';

        rightArea.style.display = 'none';

        mobileNavButtons.style.display = 'none';

      }

    }

    

    // Handle mobile clicks in fullscreen mode

    function handleMobileClick(direction, e) {

      // Stop event propagation

      if (e) stopEvent(e);

      

      // Only process if we're in fullscreen on mobile

      if (detectMobile() && isFullscreen) {

        changeEnlargedPage(direction, e);

      }

      

      return false;

    }

    

    // Stop event propagation completely

    function stopEvent(e) {

      if (!e) return;

      

      if (e.stopPropagation) e.stopPropagation();

      if (e.preventDefault) e.preventDefault();

      if (e.stopImmediatePropagation) e.stopImmediatePropagation();

      e.cancelBubble = true;

      return false;

    }

    

    // Detect if device is mobile

    function detectMobile() {

      return ('ontouchstart' in window) || 

             (navigator.maxTouchPoints > 0) || 

             (navigator.msMaxTouchPoints > 0) ||

             (window.innerWidth <= 800);

    }

    

    // Handle image click based on device type

    function handleImageClick(pageNum, e) {

      // Stop event from propagating to forum handlers

      stopEvent(e);

      

      if (detectMobile()) {

        // On mobile, go straight to fullscreen

        enterEnlargedView(pageNum, e);

        setTimeout(function() {

          enterFullscreen(document.getElementById('enlargedView'));

        }, 100);

      } else {

        // On desktop, show enlarged view first

        enterEnlargedView(pageNum, e);

      }

      

      return false;

    }

    

    // Function to change page in default view

    function changeDefaultPage(direction) {

      // Calculate new page number

      let newPage = currentDefaultPage + direction;

      

      // Loop around if going beyond limits

      if (newPage > totalPages) newPage = 1;

      if (newPage < 1) newPage = totalPages;

      

      // Hide all pages

      const containers = document.getElementsByClassName('image-container');

      for (let i = 0; i < containers.length; i++) {

        containers[i].style.display = 'none';

      }

      

      // Show new page

      containers[newPage - 1].style.display = 'block';

      

      // Update counter

      document.getElementById('defaultPageCounter').textContent = `Page ${newPage} of ${totalPages}`;

      

      // Update current page tracker

      currentDefaultPage = newPage;

    }

    

    // Function to change page in enlarged view

    function changeEnlargedPage(direction, e) {

      // Stop event propagation

      if (e) stopEvent(e);

      

      // Calculate new page number

      let newPage = currentEnlargedPage + direction;

      

      // Loop around if going beyond limits

      if (newPage > totalPages) newPage = 1;

      if (newPage < 1) newPage = totalPages;

      

      // Hide all pages

      for (let i = 1; i <= totalPages; i++) {

        document.getElementById(`enlargedImage${i}`).style.display = 'none';

      }

      

      // Show new page

      document.getElementById(`enlargedImage${newPage}`).style.display = 'block';

      

      // Update counter

      document.getElementById('enlargedPageCounter').textContent = `Page ${newPage} of ${totalPages}`;

      

      // Update current page tracker

      currentEnlargedPage = newPage;

      

      // Show arrows briefly after page change (not on mobile)

      if (!detectMobile()) {

        showArrows();

      }

      

      return false;

    }

    

    // Function to show arrows (desktop only)

    function showArrows() {

      if (detectMobile()) return;

      

      // Clear any existing timeout

      if (arrowFadeTimeout) {

        clearTimeout(arrowFadeTimeout);

      }

      

      // Show and fade in arrows

      const leftArrow = document.getElementById('leftArrow');

      const rightArrow = document.getElementById('rightArrow');

      

      leftArrow.style.display = 'flex';

      rightArrow.style.display = 'flex';

      

      // Use setTimeout to ensure display change has taken effect

      setTimeout(function() {

        leftArrow.style.opacity = '1';

        rightArrow.style.opacity = '1';

      }, 10);

      

      // Set timeout to hide arrows after 2 seconds

      arrowFadeTimeout = setTimeout(hideArrows, 2000);

    }

    

    // Function to hide arrows

    function hideArrows() {

      const leftArrow = document.getElementById('leftArrow');

      const rightArrow = document.getElementById('rightArrow');

      

      leftArrow.style.opacity = '0';

      rightArrow.style.opacity = '0';

      

      // After transition finishes, set display to none

      setTimeout(function() {

        if (leftArrow.style.opacity === '0') {

          leftArrow.style.display = 'none';

          rightArrow.style.display = 'none';

        }

      }, 300); // 300ms matches transition duration

    }

    

    // Function to enter enlarged view

    function enterEnlargedView(pageNum, e) {

      // Stop event propagation

      if (e) stopEvent(e);

      

      // Show enlarged view

      document.getElementById('enlargedView').style.display = 'block';

      

      // Set the current enlarged page

      currentEnlargedPage = pageNum;

      

      // Hide all enlarged images

      for (let i = 1; i <= totalPages; i++) {

        document.getElementById(`enlargedImage${i}`).style.display = 'none';

      }

      

      // Show the selected page

      document.getElementById(`enlargedImage${pageNum}`).style.display = 'block';

      

      // Update counter

      document.getElementById('enlargedPageCounter').textContent = `Page ${pageNum} of ${totalPages}`;

      

      // Prevent scrolling of the main page

      document.body.style.overflow = 'hidden';

      

      // Show arrows briefly (desktop only)

      if (!detectMobile()) {

        showArrows();

      }

      

      // Update mobile elements

      updateMobileElements();

      

      return false;

    }

    

    // Function to exit enlarged view

    function exitEnlargedView(e) {

      // Stop event propagation

      if (e) stopEvent(e);

      

      // Exit fullscreen if active

      if (isFullscreen) {

        exitFullscreen();

      }

      

      // Hide enlarged view

      document.getElementById('enlargedView').style.display = 'none';

      

      // Re-enable scrolling

      document.body.style.overflow = 'auto';

      

      // Update default view to show the current page from enlarged view

      changeDefaultPage(currentEnlargedPage - currentDefaultPage);

      

      return false;

    }

    

    // Toggle fullscreen mode

    function toggleFullscreen(e) {

      // Stop event propagation

      if (e) stopEvent(e);

      

      if (!isFullscreen) {

        enterFullscreen(document.getElementById('enlargedView'));

      } else {

        exitFullscreen();

      }

      

      return false;

    }

    

    // Enter fullscreen mode

    function enterFullscreen(element) {

      isFullscreen = true;

      if (element.requestFullscreen) {

        element.requestFullscreen();

      } else if (element.mozRequestFullScreen) {

        element.mozRequestFullScreen();

      } else if (element.webkitRequestFullscreen) {

        element.webkitRequestFullscreen();

      } else if (element.msRequestFullscreen) {

        element.msRequestFullscreen();

      }

      document.getElementById('fullscreenButton').innerHTML = '⧉';

      

      // Update mobile elements

      updateMobileElements();

    }

    

    // Exit fullscreen mode

    function exitFullscreen() {

      isFullscreen = false;

      if (document.exitFullscreen) {

        document.exitFullscreen();

      } else if (document.mozCancelFullScreen) {

        document.mozCancelFullScreen();

      } else if (document.webkitExitFullscreen) {

        document.webkitExitFullscreen();

      } else if (document.msExitFullscreen) {

        document.msExitFullscreen();

      }

      document.getElementById('fullscreenButton').innerHTML = '⛶';



     // Update mobile elements

      updateMobileElements();

    }

    

    // Check if click is within the button area

    function isButtonClick(clientX, clientY) {

      if (!detectMobile() || !isFullscreen) return false;

      

      // Get dimensions of the buttons

      const prevButton = document.getElementById('prevButton');

      const nextButton = document.getElementById('nextButton');

      

      if (!prevButton || !nextButton) return false;

      

      const prevRect = prevButton.getBoundingClientRect();

      const nextRect = nextButton.getBoundingClientRect();

      

      // Check if click is within either button

      if (clientX >= prevRect.left && clientX <= prevRect.right && 

          clientY >= prevRect.top && clientY <= prevRect.bottom) {

        return {button: 'prev'};

      }

      else if (clientX >= nextRect.left && clientX <= nextRect.right && 

               clientY >= nextRect.top && clientY <= nextRect.bottom) {

        return {button: 'next'};

      }

      

      return false;

    }

    

    // Touch event handlers for swiping in enlarged view

    function handleTouchStart(evt) {

      touchStartX = evt.touches[0].clientX;

      touchStartTime = new Date().getTime();

      

      // Store touch coordinates for button detection

      const touchX = evt.touches[0].clientX;

      const touchY = evt.touches[0].clientY;

      

      // Check if touch is on a button

      const buttonClick = isButtonClick(touchX, touchY);

      if (buttonClick) {

        // Mark that we started touching on a button

        evt.currentTarget.dataset.touchOnButton = buttonClick.button;

      } else {

        // Not on a button, clear any previous flag

        delete evt.currentTarget.dataset.touchOnButton;

      }

      

      // Prevent default behavior

      evt.preventDefault();

    }

    

    function handleTouchMove(evt) {

      touchEndX = evt.touches[0].clientX;

      

      // Prevent default behavior

      evt.preventDefault();

    }

    

    function handleTouchEnd(evt) {

      const swipeThreshold = 50; // Minimum pixels to be considered a swipe

      const swipeDifference = touchEndX - touchStartX;

      touchEndTime = new Date().getTime();

      const touchDuration = touchEndTime - touchStartTime;

      

      // Check if we started the touch on a button

      if (evt.currentTarget.dataset.touchOnButton) {

        const buttonType = evt.currentTarget.dataset.touchOnButton;

        if (buttonType === 'prev') {

          changeEnlargedPage(-1, evt);

        } else if (buttonType === 'next') {

          changeEnlargedPage(1, evt);

        }

        // Clear the flag

        delete evt.currentTarget.dataset.touchOnButton;

      }

      // If it's a short, quick tap, treat as a click

      else if (Math.abs(swipeDifference) < 10 && touchDuration < 300) {

        // Determine which side of the screen was tapped

        const screenWidth = window.innerWidth;

        const tapPosition = touchStartX;

        

        if (tapPosition < screenWidth * 0.25) {

          // Left side tap - go to previous page

          changeEnlargedPage(-1, evt);

        } else {

          // Right side tap - go to next page

          changeEnlargedPage(1, evt);

        }

      }

      // If it's a swipe

      else if (Math.abs(swipeDifference) > swipeThreshold) {

        if (swipeDifference > 0) {

          // Swipe right - go to previous page

          changeEnlargedPage(-1, evt);

        } else {

          // Swipe left - go to next page

          changeEnlargedPage(1, evt);

        }

      }

      

      // Prevent default behavior

      evt.preventDefault();

    }

    

    // Touch event handlers for default view

    function handleDefaultTouchStart(evt) {

      touchStartX = evt.touches[0].clientX;

      touchStartTime = new Date().getTime();

    }

    

    function handleDefaultTouchMove(evt) {

      touchEndX = evt.touches[0].clientX;

    }

    

    function handleDefaultTouchEnd(evt) {

      const swipeThreshold = 50; // Minimum pixels to be considered a swipe

      const swipeDifference = touchEndX - touchStartX;

      touchEndTime = new Date().getTime();

      

      if (Math.abs(swipeDifference) > swipeThreshold) {

        if (swipeDifference > 0) {

          // Swipe right - go to previous page

          changeDefaultPage(-1);

        } else {

          // Swipe left - go to next page

          changeDefaultPage(1);

        }

      }

    }

    

    // Add keyboard navigation

    document.addEventListener('keydown', function(event) {

      // Check if enlarged view is active

      const enlargedViewActive = document.getElementById('enlargedView').style.display === 'block';

      

      if (enlargedViewActive) {

        // Show arrows when a key is pressed (desktop only)

        if (!detectMobile()) {

          showArrows();

        }

        

        // Keyboard navigation for enlarged view

        if (event.key === 'ArrowRight') {

          changeEnlargedPage(1, event);

        } else if (event.key === 'ArrowLeft') {

          changeEnlargedPage(-1, event);

        } else if (event.key === 'Escape') {

          if (isFullscreen) {

            exitFullscreen();

          } else {

            exitEnlargedView(event);

          }

        } else if (event.key === 'f') {

          toggleFullscreen(event);

        }

      } else {

        // Keyboard navigation for default view

        if (event.key === 'ArrowRight') {

          changeDefaultPage(1);

        } else if (event.key === 'ArrowLeft') {

          changeDefaultPage(-1);

        }

      }

    });

    

    // Handle fullscreen change events

    document.addEventListener('fullscreenchange', updateFullscreenStatus);

    document.addEventListener('webkitfullscreenchange', updateFullscreenStatus);

    document.addEventListener('mozfullscreenchange', updateFullscreenStatus);

    document.addEventListener('MSFullscreenChange', updateFullscreenStatus);

    

    function updateFullscreenStatus() {

      isFullscreen = !!(document.fullscreenElement || document.webkitFullscreenElement || 

                        document.mozFullScreenElement || document.msFullscreenElement);

      

      document.getElementById('fullscreenButton').innerHTML = isFullscreen ? '⧉' : '⛶';

      

      // Update mobile elements

      updateMobileElements();

      

      // If exiting fullscreen on mobile, also exit enlarged view

      if (!isFullscreen && detectMobile()) {

        exitEnlargedView();

      }

    }

    

    // Handle mouse movement in enlarged view to show/hide arrows (desktop only)

    function handleMouseMove(evt) {

      if (document.getElementById('enlargedView').style.display === 'block' && !detectMobile()) {

        showArrows();

      }

    }

    

    // Handle orientation change

    window.addEventListener('orientationchange', function() {

      // Update mobile elements when orientation changes

      setTimeout(updateMobileElements, 300); // Short delay to let orientation change complete

    });

    

    // Initialize when document is loaded

    document.addEventListener('DOMContentLoaded', function() {

      // Check if this is a mobile device

      isMobile = detectMobile();

      

      // Set up direct touch handlers for the buttons to ensure they work reliably

      const prevButton = document.getElementById('prevButton');

      const nextButton = document.getElementById('nextButton');

      

      if (prevButton && nextButton) {

        // Add touch event listeners to buttons

        prevButton.addEventListener('touchstart', function(e) {

          e.stopPropagation();

        }, { passive: false });

        

        prevButton.addEventListener('touchend', function(e) {

          e.stopPropagation();

          changeEnlargedPage(-1, e);

        }, { passive: false });

        

        nextButton.addEventListener('touchstart', function(e) {

          e.stopPropagation();

        }, { passive: false });

        

        nextButton.addEventListener('touchend', function(e) {

          e.stopPropagation();

          changeEnlargedPage(1, e);

        }, { passive: false });

      }

      

      // Disable IPS lightbox on our images

      disableIPSLightbox();

      

      // Create style rule to prevent IPS lightbox on our images

      const style = document.createElement('style');

      style.textContent = `

        #comicViewerContainer img {

          pointer-events: none !important;

        }

        .ipsNoLightbox {

          pointer-events: none !important;

        }

        #enlargedView {

          z-index: 10000 !important; /* Higher than IPS lightbox */

        }

        #mobileNavButtons button {

          -webkit-tap-highlight-color: transparent !important;

          touch-action: manipulation !important;

        }

      `;

      document.head.appendChild(style);

      

      // Add touch event listeners to the enlarged view container

      const enlargedContainer = document.getElementById('enlargedImagesContainer');

      enlargedContainer.addEventListener('touchstart', handleTouchStart, { passive: false });

      enlargedContainer.addEventListener('touchmove', handleTouchMove, { passive: false });

      enlargedContainer.addEventListener('touchend', handleTouchEnd, { passive: false });

      

      // Add mouse movement listener to show/hide arrows (desktop only)

      if (!isMobile) {

        enlargedContainer.addEventListener('mousemove', handleMouseMove);

      }

      

      // Add touch event listeners to the default view containers

      const defaultContainers = document.getElementsByClassName('click-overlay');

      for (let i = 0; i < defaultContainers.length; i++) {

        defaultContainers[i].addEventListener('touchstart', handleDefaultTouchStart);

        defaultContainers[i].addEventListener('touchmove', handleDefaultTouchMove);

        defaultContainers[i].addEventListener('touchend', handleDefaultTouchEnd);

      }

      

      // Initialize mobile elements

      updateMobileElements();

      

      // Periodically run disableIPSLightbox to ensure IPB doesn't re-attach handlers

      setInterval(disableIPSLightbox, 1000);

    });

  </script><script>
  let currentPage = 1;
  const totalPages = 52;

  function handleImageClick(index, event) {
    document.getElementById("defaultView").style.display = "none";
    document.getElementById("enlargedView").style.display = "block";

    for (let i = 1; i <= totalPages; i++) {
      const img = document.getElementById("enlargedImage" + i);
      if (img) img.style.display = "none";
    }

    const targetImg = document.getElementById("enlargedImage" + index);
    if (targetImg) targetImg.style.display = "block";

    currentPage = index;
  }

  function exitEnlargedView(event) {
    document.getElementById("enlargedView").style.display = "none";
    document.getElementById("defaultView").style.display = "block";
  }

  function toggleFullscreen(event) {
    const elem = document.getElementById("enlargedView");
    if (!document.fullscreenElement) {
      elem.requestFullscreen().catch(err => {
        console.error(`Error attempting to enable full-screen mode: ${err.message}`);
      });
    } else {
      document.exitFullscreen();
    }
  }

  function changeDefaultPage(direction) {
    const newPage = currentPage + direction;
    if (newPage < 1 || newPage > totalPages) return;

    const currentContainer = document.getElementById("defaultImage" + currentPage)?.parentElement;
    const newContainer = document.getElementById("defaultImage" + newPage)?.parentElement;

    if (currentContainer) currentContainer.style.display = "none";
    if (newContainer) newContainer.style.display = "block";

    currentPage = newPage;

    const counter = document.getElementById("defaultPageCounter");
    if (counter) counter.innerText = `Page ${currentPage} of ${totalPages}`;
  }</script>]]></description><guid isPermaLink="false">43438</guid><pubDate>Wed, 05 Nov 2025 22:12:38 +0000</pubDate></item><item><title>Worlds Collide: Marvel Heroes vs Z Fighters - Volume 1 - A New Chapter Unfolds</title><link>https://www.comicbookuniversebattles.com/index.php?/forums/topic/40886-worlds-collide-marvel-heroes-vs-z-fighters-volume-1-a-new-chapter-unfolds/</link><description><![CDATA[<div id="comicViewerContainer" style="width: 100%; max-width: 900px; margin: 0 auto;">

<div id="defaultView" style="display: block;">

<div class="image-container" style="position: relative;">

<img alt="1._Cover_vol_1[2].png" class="ipsNoLightbox" data-fileid="2340" id="defaultImage1" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/1._Cover_vol_12.png.917c189f5b30d349f63a97e10dcb4eae.png">

<div class="click-overlay" onclick="handleImageClick(1, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="2.credits[1].png" class="ipsNoLightbox" data-fileid="2341" id="defaultImage2" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/2.credits1.png.7f09eefca3b4c6f246caae6f0d2b67bc.png">

<div class="click-overlay" onclick="handleImageClick(2, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="3.Disclaimer[1].png" class="ipsNoLightbox" data-fileid="2342" id="defaultImage3" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/3.Disclaimer1.png.990760e85555ec0933193d40952c35d2.png">

<div class="click-overlay" onclick="handleImageClick(3, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="4.title_card[1].png" class="ipsNoLightbox" data-fileid="2343" id="defaultImage4" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/4.title_card1.png.2130131e9107ded7f825f2708e7c71df.png">

<div class="click-overlay" onclick="handleImageClick(4, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="5.Prologue[1].png" class="ipsNoLightbox" data-fileid="2344" id="defaultImage5" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/5.Prologue1.png.e6c9db5d8068fd74248d54a21761e1ff.png">

<div class="click-overlay" onclick="handleImageClick(5, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="dbwc1[1].jpg" class="ipsNoLightbox" data-fileid="2345" id="defaultImage6" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc11.jpg.7986927dec9af38e80cbb1301a3395bd.jpg">

<div class="click-overlay" onclick="handleImageClick(6, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="dbwc2[1].jpg" class="ipsNoLightbox" data-fileid="2346" id="defaultImage7" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc21.jpg.86e9acf689a56b6a8a0a1a7958252725.jpg">

<div class="click-overlay" onclick="handleImageClick(7, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="dbwc3[1].jpg" class="ipsNoLightbox" data-fileid="2347" id="defaultImage8" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc31.jpg.b18e831122a2f8aec4403d180e13a3a1.jpg">

<div class="click-overlay" onclick="handleImageClick(8, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="dbwc4[1].jpg" class="ipsNoLightbox" data-fileid="2348" id="defaultImage9" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc41.jpg.822eb7cd7b5a150d547adb693568a0a4.jpg">

<div class="click-overlay" onclick="handleImageClick(9, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="dbwc5[1].jpg" class="ipsNoLightbox" data-fileid="2349" id="defaultImage10" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc51.jpg.6ccab3e936caedb664de4cc03a73b1e3.jpg">

<div class="click-overlay" onclick="handleImageClick(10, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="dbwc6[1].jpg" class="ipsNoLightbox" data-fileid="2350" id="defaultImage11" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc61.jpg.8b4c12d53e51fdc045357bc6f2e924cd.jpg">

<div class="click-overlay" onclick="handleImageClick(11, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="dbwc7[1].jpg" class="ipsNoLightbox" data-fileid="2351" id="defaultImage12" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc71.jpg.35b34e84795fff9bb5c2215a11240615.jpg">

<div class="click-overlay" onclick="handleImageClick(12, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="dbwc8[1].jpg" class="ipsNoLightbox" data-fileid="2352" id="defaultImage13" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc81.jpg.7ae15538011af46f74f4a8f9407f0b68.jpg">

<div class="click-overlay" onclick="handleImageClick(13, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="dbwc9[1].jpg" class="ipsNoLightbox" data-fileid="2353" id="defaultImage14" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc91.jpg.daf7a1093c13469cba999d0bf84a64e0.jpg">

<div class="click-overlay" onclick="handleImageClick(14, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="dbwc10[1].jpg" class="ipsNoLightbox" data-fileid="2354" id="defaultImage15" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc101.jpg.478072a2461f1da3b0636a9a23732c64.jpg">

<div class="click-overlay" onclick="handleImageClick(15, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="dbwc11[1].jpg" class="ipsNoLightbox" data-fileid="2355" id="defaultImage16" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc111.jpg.26e0afcc1b455b0e33abb85db2251fb1.jpg">

<div class="click-overlay" onclick="handleImageClick(16, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="dbwc12[1].jpg" class="ipsNoLightbox" data-fileid="2356" id="defaultImage17" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc121.jpg.ef04e5eaf73ac2c81586cc65cd2a96d7.jpg">

<div class="click-overlay" onclick="handleImageClick(17, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="dbwc13[1].jpg" class="ipsNoLightbox" data-fileid="2357" id="defaultImage18" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc131.jpg.6df16311fc7f665dd56a74e7f0f7d129.jpg">

<div class="click-overlay" onclick="handleImageClick(18, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="dbwc14[1].jpg" class="ipsNoLightbox" data-fileid="2358" id="defaultImage19" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc141.jpg.5159d79ed3ed8de91f09042f254c32f3.jpg">

<div class="click-overlay" onclick="handleImageClick(19, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="dbwc15[1].jpg" class="ipsNoLightbox" data-fileid="2359" id="defaultImage20" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc151.jpg.fe8e0b1d2ca56a8b3ce797f5dfbe5e4d.jpg">

<div class="click-overlay" onclick="handleImageClick(20, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="dbwc16[1].jpg" class="ipsNoLightbox" data-fileid="2360" id="defaultImage21" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc161.jpg.d16afd558b8d56fb809b669ae14747c2.jpg">

<div class="click-overlay" onclick="handleImageClick(21, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="dbwc17[1].jpg" class="ipsNoLightbox" data-fileid="2361" id="defaultImage22" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc171.jpg.b23763cbd36df6d1e631c06ae02863a6.jpg">

<div class="click-overlay" onclick="handleImageClick(22, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="dbwc18[1].jpg" class="ipsNoLightbox" data-fileid="2362" id="defaultImage23" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc181.jpg.050aef2b1ffa3d31a71e0d7a3fb8214e.jpg">

<div class="click-overlay" onclick="handleImageClick(23, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="dbwc19[1].jpg" class="ipsNoLightbox" data-fileid="2363" id="defaultImage24" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc191.jpg.aa2d2479716b32ed1c355bc1c4c363f4.jpg">

<div class="click-overlay" onclick="handleImageClick(24, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="dbwc20[1].jpg" class="ipsNoLightbox" data-fileid="2364" id="defaultImage25" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc201.jpg.05befe3663545e57123272862cea0fa3.jpg">

<div class="click-overlay" onclick="handleImageClick(25, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="dbwc21[1].jpg" class="ipsNoLightbox" data-fileid="2365" id="defaultImage26" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc211.jpg.fa1df81071bf7871af8b510220ce1d47.jpg">

<div class="click-overlay" onclick="handleImageClick(26, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="dbwc22[1].jpg" class="ipsNoLightbox" data-fileid="2366" id="defaultImage27" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc221.jpg.7a54f08d9cd594b76662f5b1449ba924.jpg">

<div class="click-overlay" onclick="handleImageClick(27, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="dbwc23[1].jpg" class="ipsNoLightbox" data-fileid="2367" id="defaultImage28" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc231.jpg.c4b2229815b24918b25e153306ce67ad.jpg">

<div class="click-overlay" onclick="handleImageClick(28, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="dbwc24[1].jpg" class="ipsNoLightbox" data-fileid="2368" id="defaultImage29" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc241.jpg.e076a47083a0d36e101a93d31a215524.jpg">

<div class="click-overlay" onclick="handleImageClick(29, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="dbwc25[1].jpg" class="ipsNoLightbox" data-fileid="2369" id="defaultImage30" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc251.jpg.2593823fb458da7c766a5f7923d5a9dd.jpg">

<div class="click-overlay" onclick="handleImageClick(30, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="Layout_commento_autori[1].png" class="ipsNoLightbox" data-fileid="2370" id="defaultImage31" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/Layout_commento_autori1.png.44eed94ef84cdb02774a30f4a2799a68.png">

<div class="click-overlay" onclick="handleImageClick(31, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div class="image-container" style="position: relative; display: none;">

<img alt="z.Back[1].png" class="ipsNoLightbox" data-fileid="2371" id="defaultImage32" style="width: 100%; display: block; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/z.Back1.png.1624699e13ad95e3c038162aba958192.png">

<div class="click-overlay" onclick="handleImageClick(32, event)" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;">

 

</div>

</div>



<div style="display: flex; justify-content: space-between; margin-top: 15px; width: 100%;">

<button onclick="changeDefaultPage(-1)" style="padding: 8px 20px; background: #3f6bb5; color: white; border: none; border-radius: 3px; cursor: pointer;" type="button">Previous Page</button><span id="defaultPageCounter" style="line-height: 34px; font-weight: bold;">Page 1 of 32</span><button onclick="changeDefaultPage(1)" style="padding: 8px 20px; background: #3f6bb5; color: white; border: none; border-radius: 3px; cursor: pointer;" type="button">Next Page</button>

</div>

</div>



<div id="enlargedView" style="display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.95);">

<span onclick="exitEnlargedView(event)" style="position: absolute; top: 20px; right: 35px; color: white; font-size: 40px; font-weight: bold; cursor: pointer; z-index: 1002;">×</span> <span id="fullscreenButton" onclick="toggleFullscreen(event)" style="position: absolute; top: 20px; right: 85px; color: white; font-size: 30px; font-weight: bold; cursor: pointer; z-index: 1002;">⛶</span>



<div class="swipe-container" id="enlargedImagesContainer" style="position: relative; width: 100%; height: 100%;">

<img alt="1._Cover_vol_1[2].png" class="ipsNoLightbox" data-fileid="2340" id="enlargedImage1" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/1._Cover_vol_12.png.917c189f5b30d349f63a97e10dcb4eae.png"> <img alt="2.credits[1].png" class="ipsNoLightbox" data-fileid="2341" id="enlargedImage2" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/2.credits1.png.7f09eefca3b4c6f246caae6f0d2b67bc.png"> <img alt="3.Disclaimer[1].png" class="ipsNoLightbox" data-fileid="2342" id="enlargedImage3" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/3.Disclaimer1.png.990760e85555ec0933193d40952c35d2.png"> <img alt="4.title_card[1].png" class="ipsNoLightbox" data-fileid="2343" id="enlargedImage4" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/4.title_card1.png.2130131e9107ded7f825f2708e7c71df.png"> <img alt="5.Prologue[1].png" class="ipsNoLightbox" data-fileid="2344" id="enlargedImage5" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/5.Prologue1.png.e6c9db5d8068fd74248d54a21761e1ff.png"> <img alt="dbwc1[1].jpg" class="ipsNoLightbox" data-fileid="2345" id="enlargedImage6" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc11.jpg.7986927dec9af38e80cbb1301a3395bd.jpg"> <img alt="dbwc2[1].jpg" class="ipsNoLightbox" data-fileid="2346" id="enlargedImage7" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc21.jpg.86e9acf689a56b6a8a0a1a7958252725.jpg"> <img alt="dbwc3[1].jpg" class="ipsNoLightbox" data-fileid="2347" id="enlargedImage8" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc31.jpg.b18e831122a2f8aec4403d180e13a3a1.jpg"> <img alt="dbwc4[1].jpg" class="ipsNoLightbox" data-fileid="2348" id="enlargedImage9" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc41.jpg.822eb7cd7b5a150d547adb693568a0a4.jpg"> <img alt="dbwc5[1].jpg" class="ipsNoLightbox" data-fileid="2349" id="enlargedImage10" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc51.jpg.6ccab3e936caedb664de4cc03a73b1e3.jpg"> <img alt="dbwc6[1].jpg" class="ipsNoLightbox" data-fileid="2350" id="enlargedImage11" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc61.jpg.8b4c12d53e51fdc045357bc6f2e924cd.jpg"> <img alt="dbwc7[1].jpg" class="ipsNoLightbox" data-fileid="2351" id="enlargedImage12" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc71.jpg.35b34e84795fff9bb5c2215a11240615.jpg"> <img alt="dbwc8[1].jpg" class="ipsNoLightbox" data-fileid="2352" id="enlargedImage13" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc81.jpg.7ae15538011af46f74f4a8f9407f0b68.jpg"> <img alt="dbwc9[1].jpg" class="ipsNoLightbox" data-fileid="2353" id="enlargedImage14" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc91.jpg.daf7a1093c13469cba999d0bf84a64e0.jpg"> <img alt="dbwc10[1].jpg" class="ipsNoLightbox" data-fileid="2354" id="enlargedImage15" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc101.jpg.478072a2461f1da3b0636a9a23732c64.jpg"> <img alt="dbwc11[1].jpg" class="ipsNoLightbox" data-fileid="2355" id="enlargedImage16" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc111.jpg.26e0afcc1b455b0e33abb85db2251fb1.jpg"> <img alt="dbwc12[1].jpg" class="ipsNoLightbox" data-fileid="2356" id="enlargedImage17" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc121.jpg.ef04e5eaf73ac2c81586cc65cd2a96d7.jpg"> <img alt="dbwc13[1].jpg" class="ipsNoLightbox" data-fileid="2357" id="enlargedImage18" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc131.jpg.6df16311fc7f665dd56a74e7f0f7d129.jpg"> <img alt="dbwc14[1].jpg" class="ipsNoLightbox" data-fileid="2358" id="enlargedImage19" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc141.jpg.5159d79ed3ed8de91f09042f254c32f3.jpg"> <img alt="dbwc15[1].jpg" class="ipsNoLightbox" data-fileid="2359" id="enlargedImage20" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc151.jpg.fe8e0b1d2ca56a8b3ce797f5dfbe5e4d.jpg"> <img alt="dbwc16[1].jpg" class="ipsNoLightbox" data-fileid="2360" id="enlargedImage21" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc161.jpg.d16afd558b8d56fb809b669ae14747c2.jpg"> <img alt="dbwc17[1].jpg" class="ipsNoLightbox" data-fileid="2361" id="enlargedImage22" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc171.jpg.b23763cbd36df6d1e631c06ae02863a6.jpg"> <img alt="dbwc18[1].jpg" class="ipsNoLightbox" data-fileid="2362" id="enlargedImage23" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc181.jpg.050aef2b1ffa3d31a71e0d7a3fb8214e.jpg"> <img alt="dbwc19[1].jpg" class="ipsNoLightbox" data-fileid="2363" id="enlargedImage24" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc191.jpg.aa2d2479716b32ed1c355bc1c4c363f4.jpg"> <img alt="dbwc20[1].jpg" class="ipsNoLightbox" data-fileid="2364" id="enlargedImage25" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc201.jpg.05befe3663545e57123272862cea0fa3.jpg"> <img alt="dbwc21[1].jpg" class="ipsNoLightbox" data-fileid="2365" id="enlargedImage26" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc211.jpg.fa1df81071bf7871af8b510220ce1d47.jpg"> <img alt="dbwc22[1].jpg" class="ipsNoLightbox" data-fileid="2366" id="enlargedImage27" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc221.jpg.7a54f08d9cd594b76662f5b1449ba924.jpg"> <img alt="dbwc23[1].jpg" class="ipsNoLightbox" data-fileid="2367" id="enlargedImage28" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc231.jpg.c4b2229815b24918b25e153306ce67ad.jpg"> <img alt="dbwc24[1].jpg" class="ipsNoLightbox" data-fileid="2368" id="enlargedImage29" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc241.jpg.e076a47083a0d36e101a93d31a215524.jpg"> <img alt="dbwc25[1].jpg" class="ipsNoLightbox" data-fileid="2369" id="enlargedImage30" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/dbwc251.jpg.2593823fb458da7c766a5f7923d5a9dd.jpg"> <img alt="Layout_commento_autori[1].png" class="ipsNoLightbox" data-fileid="2370" id="enlargedImage31" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/Layout_commento_autori1.png.44eed94ef84cdb02774a30f4a2799a68.png"> <img alt="z.Back[1].png" class="ipsNoLightbox" data-fileid="2371" id="enlargedImage32" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none;" src="https://www.comicbookuniversebattles.com/uploads/monthly_2025_05/z.Back1.png.1624699e13ad95e3c038162aba958192.png">

<div id="leftArrow" onclick="changeEnlargedPage(-1, event)" style="position: absolute; top: 0; left: 0; width: 15%; height: 100%; display: none; align-items: center; justify-content: flex-start; padding-left: 20px; cursor: pointer; z-index: 1001; opacity: 0; transition: opacity 0.3s ease;">

<span style="color: white; font-size: 60px; font-weight: bold; text-shadow: 2px 2px 5px rgba(0,0,0,0.5);">❮</span>

</div>



<div id="rightArrow" onclick="changeEnlargedPage(1, event)" style="position: absolute; top: 0; right: 0; width: 15%; height: 100%; display: none; align-items: center; justify-content: flex-end; padding-right: 20px; cursor: pointer; z-index: 1001; opacity: 0; transition: opacity 0.3s ease;">

<span style="color: white; font-size: 60px; font-weight: bold; text-shadow: 2px 2px 5px rgba(0,0,0,0.5);">❯</span>

</div>



<div id="leftTouchArea" onclick="handleMobileClick(-1, event)" style="position: absolute; top: 0; left: 0; width: 25%; height: 85%; cursor: pointer; z-index: 998;">

 

</div>



<div id="rightTouchArea" onclick="handleMobileClick(1, event)" style="position: absolute; top: 0; right: 0; width: 75%; height: 85%; cursor: pointer; z-index: 998;">

 

</div>



<div id="mobileNavButtons" style="position: absolute; bottom: 70px; left: 0; right: 0; display: none; justify-content: center; gap: 50px; z-index: 1003;">

<button id="prevButton" onclick="changeEnlargedPage(-1, event)" style="width: 60px; height: 60px; border-radius: 50%; background-color: rgba(0,0,0,0.5); border: 2px solid white; color: white; font-size: 24px; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-tap-highlight-color: transparent; touch-action: manipulation;">◀</button><button id="nextButton" onclick="changeEnlargedPage(1, event)" style="width: 60px; height: 60px; border-radius: 50%; background-color: rgba(0,0,0,0.5); border: 2px solid white; color: white; font-size: 24px; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-tap-highlight-color: transparent; touch-action: manipulation;">▶</button>

</div>



<div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center; z-index: 1001;">

<span id="enlargedPageCounter" style="color: white; font-size: 18px; font-weight: bold; background-color: rgba(0,0,0,0.5); padding: 5px 15px; border-radius: 20px;">Page 1 of 32</span>

</div>

</div>

</div>

</div>

<script>

    // Variables to track current page in each view

    let currentDefaultPage = 1;

    let currentEnlargedPage = 1;

    const totalPages = 32;

    let isFullscreen = false;

    let arrowFadeTimeout = null;

    let isMobile = false;

    

    // Variables for touch handling

    let touchStartX = 0;

    let touchEndX = 0;

    let touchStartTime = 0;

    let touchEndTime = 0;

    

    // Prevent default IPB lightbox from loading on our images on page load

    function disableIPSLightbox() {

      // Disable IPS lightbox for all our images

      const images = document.querySelectorAll('#comicViewerContainer img');

      for (let i = 0; i < images.length; i++) {

        // Remove any IPS lightbox data attributes

        images[i].removeAttribute('data-ipsLightbox');

        images[i].setAttribute('data-no-lightbox', 'true');

        

        // Add a class that we can target with CSS if needed

        images[i].classList.add('ipsNoLightbox');

        

        // Disable pointer events to prevent interaction

        images[i].style.pointerEvents = 'none';

      }

      

      // Try to disable any IPB click handlers if they exist

      if (window.jQuery) {

        try {

          jQuery('#comicViewerContainer img').off('click');

        } catch (e) {

          console.log('Could not remove jQuery handlers');

        }

      }

    }

    

    // Show or hide mobile elements based on device/fullscreen state

    function updateMobileElements() {

      const isMobileDevice = detectMobile();

      const leftArea = document.getElementById('leftTouchArea');

      const rightArea = document.getElementById('rightTouchArea');

      const mobileNavButtons = document.getElementById('mobileNavButtons');

      

      if (isMobileDevice && isFullscreen) {

        // Show mobile elements on mobile in fullscreen

        leftArea.style.display = 'block';

        rightArea.style.display = 'block';

        mobileNavButtons.style.display = 'flex';

        

        // Make sure touch areas don't extend to the bottom where buttons are

        leftArea.style.height = rightArea.style.height = '85%';

      } else {

        // Hide on desktop or non-fullscreen

        leftArea.style.display = 'none';

        rightArea.style.display = 'none';

        mobileNavButtons.style.display = 'none';

      }

    }

    

    // Handle mobile clicks in fullscreen mode

    function handleMobileClick(direction, e) {

      // Stop event propagation

      if (e) stopEvent(e);

      

      // Only process if we're in fullscreen on mobile

      if (detectMobile() && isFullscreen) {

        changeEnlargedPage(direction, e);

      }

      

      return false;

    }

    

    // Stop event propagation completely

    function stopEvent(e) {

      if (!e) return;

      

      if (e.stopPropagation) e.stopPropagation();

      if (e.preventDefault) e.preventDefault();

      if (e.stopImmediatePropagation) e.stopImmediatePropagation();

      e.cancelBubble = true;

      return false;

    }

    

    // Detect if device is mobile

    function detectMobile() {

      return ('ontouchstart' in window) || 

             (navigator.maxTouchPoints > 0) || 

             (navigator.msMaxTouchPoints > 0) ||

             (window.innerWidth <= 800);

    }

    

    // Handle image click based on device type

    function handleImageClick(pageNum, e) {

      // Stop event from propagating to forum handlers

      stopEvent(e);

      

      if (detectMobile()) {

        // On mobile, go straight to fullscreen

        enterEnlargedView(pageNum, e);

        setTimeout(function() {

          enterFullscreen(document.getElementById('enlargedView'));

        }, 100);

      } else {

        // On desktop, show enlarged view first

        enterEnlargedView(pageNum, e);

      }

      

      return false;

    }

    

    // Function to change page in default view

    function changeDefaultPage(direction) {

      // Calculate new page number

      let newPage = currentDefaultPage + direction;

      

      // Loop around if going beyond limits

      if (newPage > totalPages) newPage = 1;

      if (newPage < 1) newPage = totalPages;

      

      // Hide all pages

      const containers = document.getElementsByClassName('image-container');

      for (let i = 0; i < containers.length; i++) {

        containers[i].style.display = 'none';

      }

      

      // Show new page

      containers[newPage - 1].style.display = 'block';

      

      // Update counter

      document.getElementById('defaultPageCounter').textContent = `Page ${newPage} of ${totalPages}`;

      

      // Update current page tracker

      currentDefaultPage = newPage;

    }

    

    // Function to change page in enlarged view

    function changeEnlargedPage(direction, e) {

      // Stop event propagation

      if (e) stopEvent(e);

      

      // Calculate new page number

      let newPage = currentEnlargedPage + direction;

      

      // Loop around if going beyond limits

      if (newPage > totalPages) newPage = 1;

      if (newPage < 1) newPage = totalPages;

      

      // Hide all pages

      for (let i = 1; i <= totalPages; i++) {

        document.getElementById(`enlargedImage${i}`).style.display = 'none';

      }

      

      // Show new page

      document.getElementById(`enlargedImage${newPage}`).style.display = 'block';

      

      // Update counter

      document.getElementById('enlargedPageCounter').textContent = `Page ${newPage} of ${totalPages}`;

      

      // Update current page tracker

      currentEnlargedPage = newPage;

      

      // Show arrows briefly after page change (not on mobile)

      if (!detectMobile()) {

        showArrows();

      }

      

      return false;

    }

    

    // Function to show arrows (desktop only)

    function showArrows() {

      if (detectMobile()) return;

      

      // Clear any existing timeout

      if (arrowFadeTimeout) {

        clearTimeout(arrowFadeTimeout);

      }

      

      // Show and fade in arrows

      const leftArrow = document.getElementById('leftArrow');

      const rightArrow = document.getElementById('rightArrow');

      

      leftArrow.style.display = 'flex';

      rightArrow.style.display = 'flex';

      

      // Use setTimeout to ensure display change has taken effect

      setTimeout(function() {

        leftArrow.style.opacity = '1';

        rightArrow.style.opacity = '1';

      }, 10);

      

      // Set timeout to hide arrows after 2 seconds

      arrowFadeTimeout = setTimeout(hideArrows, 2000);

    }

    

    // Function to hide arrows

    function hideArrows() {

      const leftArrow = document.getElementById('leftArrow');

      const rightArrow = document.getElementById('rightArrow');

      

      leftArrow.style.opacity = '0';

      rightArrow.style.opacity = '0';

      

      // After transition finishes, set display to none

      setTimeout(function() {

        if (leftArrow.style.opacity === '0') {

          leftArrow.style.display = 'none';

          rightArrow.style.display = 'none';

        }

      }, 300); // 300ms matches transition duration

    }

    

    // Function to enter enlarged view

    function enterEnlargedView(pageNum, e) {

      // Stop event propagation

      if (e) stopEvent(e);

      

      // Show enlarged view

      document.getElementById('enlargedView').style.display = 'block';

      

      // Set the current enlarged page

      currentEnlargedPage = pageNum;

      

      // Hide all enlarged images

      for (let i = 1; i <= totalPages; i++) {

        document.getElementById(`enlargedImage${i}`).style.display = 'none';

      }

      

      // Show the selected page

      document.getElementById(`enlargedImage${pageNum}`).style.display = 'block';

      

      // Update counter

      document.getElementById('enlargedPageCounter').textContent = `Page ${pageNum} of ${totalPages}`;

      

      // Prevent scrolling of the main page

      document.body.style.overflow = 'hidden';

      

      // Show arrows briefly (desktop only)

      if (!detectMobile()) {

        showArrows();

      }

      

      // Update mobile elements

      updateMobileElements();

      

      return false;

    }

    

    // Function to exit enlarged view

    function exitEnlargedView(e) {

      // Stop event propagation

      if (e) stopEvent(e);

      

      // Exit fullscreen if active

      if (isFullscreen) {

        exitFullscreen();

      }

      

      // Hide enlarged view

      document.getElementById('enlargedView').style.display = 'none';

      

      // Re-enable scrolling

      document.body.style.overflow = 'auto';

      

      // Update default view to show the current page from enlarged view

      changeDefaultPage(currentEnlargedPage - currentDefaultPage);

      

      return false;

    }

    

    // Toggle fullscreen mode

    function toggleFullscreen(e) {

      // Stop event propagation

      if (e) stopEvent(e);

      

      if (!isFullscreen) {

        enterFullscreen(document.getElementById('enlargedView'));

      } else {

        exitFullscreen();

      }

      

      return false;

    }

    

    // Enter fullscreen mode

    function enterFullscreen(element) {

      isFullscreen = true;

      if (element.requestFullscreen) {

        element.requestFullscreen();

      } else if (element.mozRequestFullScreen) {

        element.mozRequestFullScreen();

      } else if (element.webkitRequestFullscreen) {

        element.webkitRequestFullscreen();

      } else if (element.msRequestFullscreen) {

        element.msRequestFullscreen();

      }

      document.getElementById('fullscreenButton').innerHTML = '⧉';

      

      // Update mobile elements

      updateMobileElements();

    }

    

    // Exit fullscreen mode

    function exitFullscreen() {

      isFullscreen = false;

      if (document.exitFullscreen) {

        document.exitFullscreen();

      } else if (document.mozCancelFullScreen) {

        document.mozCancelFullScreen();

      } else if (document.webkitExitFullscreen) {

        document.webkitExitFullscreen();

      } else if (document.msExitFullscreen) {

        document.msExitFullscreen();

      }

      document.getElementById('fullscreenButton').innerHTML = '⛶';



     // Update mobile elements

      updateMobileElements();

    }

    

    // Check if click is within the button area

    function isButtonClick(clientX, clientY) {

      if (!detectMobile() || !isFullscreen) return false;

      

      // Get dimensions of the buttons

      const prevButton = document.getElementById('prevButton');

      const nextButton = document.getElementById('nextButton');

      

      if (!prevButton || !nextButton) return false;

      

      const prevRect = prevButton.getBoundingClientRect();

      const nextRect = nextButton.getBoundingClientRect();

      

      // Check if click is within either button

      if (clientX >= prevRect.left && clientX <= prevRect.right && 

          clientY >= prevRect.top && clientY <= prevRect.bottom) {

        return {button: 'prev'};

      }

      else if (clientX >= nextRect.left && clientX <= nextRect.right && 

               clientY >= nextRect.top && clientY <= nextRect.bottom) {

        return {button: 'next'};

      }

      

      return false;

    }

    

    // Touch event handlers for swiping in enlarged view

    function handleTouchStart(evt) {

      touchStartX = evt.touches[0].clientX;

      touchStartTime = new Date().getTime();

      

      // Store touch coordinates for button detection

      const touchX = evt.touches[0].clientX;

      const touchY = evt.touches[0].clientY;

      

      // Check if touch is on a button

      const buttonClick = isButtonClick(touchX, touchY);

      if (buttonClick) {

        // Mark that we started touching on a button

        evt.currentTarget.dataset.touchOnButton = buttonClick.button;

      } else {

        // Not on a button, clear any previous flag

        delete evt.currentTarget.dataset.touchOnButton;

      }

      

      // Prevent default behavior

      evt.preventDefault();

    }

    

    function handleTouchMove(evt) {

      touchEndX = evt.touches[0].clientX;

      

      // Prevent default behavior

      evt.preventDefault();

    }

    

    function handleTouchEnd(evt) {

      const swipeThreshold = 50; // Minimum pixels to be considered a swipe

      const swipeDifference = touchEndX - touchStartX;

      touchEndTime = new Date().getTime();

      const touchDuration = touchEndTime - touchStartTime;

      

      // Check if we started the touch on a button

      if (evt.currentTarget.dataset.touchOnButton) {

        const buttonType = evt.currentTarget.dataset.touchOnButton;

        if (buttonType === 'prev') {

          changeEnlargedPage(-1, evt);

        } else if (buttonType === 'next') {

          changeEnlargedPage(1, evt);

        }

        // Clear the flag

        delete evt.currentTarget.dataset.touchOnButton;

      }

      // If it's a short, quick tap, treat as a click

      else if (Math.abs(swipeDifference) < 10 && touchDuration < 300) {

        // Determine which side of the screen was tapped

        const screenWidth = window.innerWidth;

        const tapPosition = touchStartX;

        

        if (tapPosition < screenWidth * 0.25) {

          // Left side tap - go to previous page

          changeEnlargedPage(-1, evt);

        } else {

          // Right side tap - go to next page

          changeEnlargedPage(1, evt);

        }

      }

      // If it's a swipe

      else if (Math.abs(swipeDifference) > swipeThreshold) {

        if (swipeDifference > 0) {

          // Swipe right - go to previous page

          changeEnlargedPage(-1, evt);

        } else {

          // Swipe left - go to next page

          changeEnlargedPage(1, evt);

        }

      }

      

      // Prevent default behavior

      evt.preventDefault();

    }

    

    // Touch event handlers for default view

    function handleDefaultTouchStart(evt) {

      touchStartX = evt.touches[0].clientX;

      touchStartTime = new Date().getTime();

    }

    

    function handleDefaultTouchMove(evt) {

      touchEndX = evt.touches[0].clientX;

    }

    

    function handleDefaultTouchEnd(evt) {

      const swipeThreshold = 50; // Minimum pixels to be considered a swipe

      const swipeDifference = touchEndX - touchStartX;

      touchEndTime = new Date().getTime();

      

      if (Math.abs(swipeDifference) > swipeThreshold) {

        if (swipeDifference > 0) {

          // Swipe right - go to previous page

          changeDefaultPage(-1);

        } else {

          // Swipe left - go to next page

          changeDefaultPage(1);

        }

      }

    }

    

    // Add keyboard navigation

    document.addEventListener('keydown', function(event) {

      // Check if enlarged view is active

      const enlargedViewActive = document.getElementById('enlargedView').style.display === 'block';

      

      if (enlargedViewActive) {

        // Show arrows when a key is pressed (desktop only)

        if (!detectMobile()) {

          showArrows();

        }

        

        // Keyboard navigation for enlarged view

        if (event.key === 'ArrowRight') {

          changeEnlargedPage(1, event);

        } else if (event.key === 'ArrowLeft') {

          changeEnlargedPage(-1, event);

        } else if (event.key === 'Escape') {

          if (isFullscreen) {

            exitFullscreen();

          } else {

            exitEnlargedView(event);

          }

        } else if (event.key === 'f') {

          toggleFullscreen(event);

        }

      } else {

        // Keyboard navigation for default view

        if (event.key === 'ArrowRight') {

          changeDefaultPage(1);

        } else if (event.key === 'ArrowLeft') {

          changeDefaultPage(-1);

        }

      }

    });

    

    // Handle fullscreen change events

    document.addEventListener('fullscreenchange', updateFullscreenStatus);

    document.addEventListener('webkitfullscreenchange', updateFullscreenStatus);

    document.addEventListener('mozfullscreenchange', updateFullscreenStatus);

    document.addEventListener('MSFullscreenChange', updateFullscreenStatus);

    

    function updateFullscreenStatus() {

      isFullscreen = !!(document.fullscreenElement || document.webkitFullscreenElement || 

                        document.mozFullScreenElement || document.msFullscreenElement);

      

      document.getElementById('fullscreenButton').innerHTML = isFullscreen ? '⧉' : '⛶';

      

      // Update mobile elements

      updateMobileElements();

      

      // If exiting fullscreen on mobile, also exit enlarged view

      if (!isFullscreen && detectMobile()) {

        exitEnlargedView();

      }

    }

    

    // Handle mouse movement in enlarged view to show/hide arrows (desktop only)

    function handleMouseMove(evt) {

      if (document.getElementById('enlargedView').style.display === 'block' && !detectMobile()) {

        showArrows();

      }

    }

    

    // Handle orientation change

    window.addEventListener('orientationchange', function() {

      // Update mobile elements when orientation changes

      setTimeout(updateMobileElements, 300); // Short delay to let orientation change complete

    });

    

    // Initialize when document is loaded

    document.addEventListener('DOMContentLoaded', function() {

      // Check if this is a mobile device

      isMobile = detectMobile();

      

      // Set up direct touch handlers for the buttons to ensure they work reliably

      const prevButton = document.getElementById('prevButton');

      const nextButton = document.getElementById('nextButton');

      

      if (prevButton && nextButton) {

        // Add touch event listeners to buttons

        prevButton.addEventListener('touchstart', function(e) {

          e.stopPropagation();

        }, { passive: false });

        

        prevButton.addEventListener('touchend', function(e) {

          e.stopPropagation();

          changeEnlargedPage(-1, e);

        }, { passive: false });

        

        nextButton.addEventListener('touchstart', function(e) {

          e.stopPropagation();

        }, { passive: false });

        

        nextButton.addEventListener('touchend', function(e) {

          e.stopPropagation();

          changeEnlargedPage(1, e);

        }, { passive: false });

      }

      

      // Disable IPS lightbox on our images

      disableIPSLightbox();

      

      // Create style rule to prevent IPS lightbox on our images

      const style = document.createElement('style');

      style.textContent = `

        #comicViewerContainer img {

          pointer-events: none !important;

        }

        .ipsNoLightbox {

          pointer-events: none !important;

        }

        #enlargedView {

          z-index: 10000 !important; /* Higher than IPS lightbox */

        }

        #mobileNavButtons button {

          -webkit-tap-highlight-color: transparent !important;

          touch-action: manipulation !important;

        }

      `;

      document.head.appendChild(style);

      

      // Add touch event listeners to the enlarged view container

      const enlargedContainer = document.getElementById('enlargedImagesContainer');

      enlargedContainer.addEventListener('touchstart', handleTouchStart, { passive: false });

      enlargedContainer.addEventListener('touchmove', handleTouchMove, { passive: false });

      enlargedContainer.addEventListener('touchend', handleTouchEnd, { passive: false });

      

      // Add mouse movement listener to show/hide arrows (desktop only)

      if (!isMobile) {

        enlargedContainer.addEventListener('mousemove', handleMouseMove);

      }

      

      // Add touch event listeners to the default view containers

      const defaultContainers = document.getElementsByClassName('click-overlay');

      for (let i = 0; i < defaultContainers.length; i++) {

        defaultContainers[i].addEventListener('touchstart', handleDefaultTouchStart);

        defaultContainers[i].addEventListener('touchmove', handleDefaultTouchMove);

        defaultContainers[i].addEventListener('touchend', handleDefaultTouchEnd);

      }

      

      // Initialize mobile elements

      updateMobileElements();

      

      // Periodically run disableIPSLightbox to ensure IPB doesn't re-attach handlers

      setInterval(disableIPSLightbox, 1000);

    });

  </script>]]></description><guid isPermaLink="false">40886</guid><pubDate>Sat, 10 May 2025 17:34:40 +0000</pubDate></item></channel></rss>
