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

Parametry:

Kod tworzący galerię:

<div style="background-color: #C8DEEB; padding: 20px; margin: 0 auto; width: 50%; text-align: center">
	<h2>GALERIA ZDJĘĆ</h2>
	<iframe src="bridge.jpg" width="280" height="280" name="ramka1" scrolling="no" marginwidth="0" marginheight="0">Treść alternatywna</iframe>
	<iframe src="bridge.jpg" width="280" height="280" name="ramka2" scrolling="no" marginwidth="0" marginheight="0">Treść alternatywna</iframe>
	<iframe src="bridge.jpg" width="280" height="280" name="ramka3" scrolling="no" marginwidth="0" marginheight="0">Treść alternatywna</iframe>
	<p>
		<a href="#" onclick="parent.ramka1.location.href = 'bridge.jpg'; parent.ramka2.location.href = 'bridge.jpg'; parent.ramka3.location.href = 'bridge.jpg'; return false;">Most</a>
		<a href="#" onclick="parent.ramka1.location.href = 'dog.jpg'; parent.ramka2.location.href = 'dog.jpg'; parent.ramka3.location.href = 'dog.jpg'; return false;">Pies</a>
		<a href="#" onclick="parent.ramka1.location.href = 'road.jpg'; parent.ramka2.location.href = 'road.jpg'; parent.ramka3.location.href = 'road.jpg'; return false;">Droga</a>
		<a href="#" onclick="parent.ramka1.location.href = 'frog.jpg'; parent.ramka2.location.href = 'frog.jpg'; parent.ramka3.location.href = 'frog.jpg'; return false;">Żaba</a>
		<a href="#" onclick="parent.ramka1.location.href = 'water.jpg'; parent.ramka2.location.href = 'water.jpg'; parent.ramka3.location.href = 'water.jpg'; return false;">Jezioro</a>
	</p>
</div>

Efekt:

GALERIA ZDJĘĆ

Most Pies Droga Żaba Jezioro

Sprawdź poprawność dokumentu (tylko online)

Wstecz