Obiekt jako galeria zdjęć (wczytywanie równoległe)

Parametry:

• Typ MIME: text/html
• DTD: HTML 4.01 Transitional

Kod tworzący galerię:

<div style="background-color: #C8DEEB; padding: 20px; margin: 0 auto; width: 50%; text-align: center">
	<h2>GALERIA ZDJĘĆ</h2>
	<object data="bridge.jpg" type="image/jpeg" id="obiekt1">Treść alternatywna</object>
	<object data="bridge.jpg" type="image/jpeg" id="obiekt2">Treść alternatywna</object>
	<object data="bridge.jpg" type="image/jpeg" id="obiekt3">Treść alternatywna</object>
	<p>
		<a href="#" onclick="document.getElementById('obiekt1').data = 'bridge.jpg'; document.getElementById('obiekt2').data = 'bridge.jpg'; document.getElementById('obiekt3').data = 'bridge.jpg'; return false;">Most</a>
		<a href="#" onclick="document.getElementById('obiekt1').data = 'dog.jpg'; document.getElementById('obiekt2').data = 'dog.jpg'; document.getElementById('obiekt3').data = 'dog.jpg'; return false;">Pies</a>
		<a href="#" onclick="document.getElementById('obiekt1').data = 'road.jpg'; document.getElementById('obiekt2').data = 'road.jpg'; document.getElementById('obiekt3').data = 'road.jpg'; return false;">Droga</a>
		<a href="#" onclick="document.getElementById('obiekt1').data = 'frog.jpg'; document.getElementById('obiekt2').data = 'frog.jpg'; document.getElementById('obiekt3').data = 'frog.jpg'; return false;">Żaba</a>
		<a href="#" onclick="document.getElementById('obiekt1').data = 'water.jpg'; document.getElementById('obiekt2').data = 'water.jpg'; document.getElementById('obiekt3').data = 'water.jpg'; return false;">Jezioro</a>
	</p>
</div>

Efekt:

Sprawdź poprawność dokumentu (tylko online)

Wstecz