HTML-szerkesztés kezdőknek!!!
-
#5692
DoctorJohnson: fejből ilyesmire gondolok:
<div id="nagykep"><!-- Ide fog betöltődni a nagy kép --></div>
<div id="thumbnails">
<a href="nagykep1.jpg" class="thumb" target="_blank"><img src="kiskep1.jpg" alt="Képaláírás1" /></a>
<a href="nagykep2.jpg" class="thumb" target="_blank"><img src="kiskep2.jpg" alt="Képaláírás2" /></a>
<a href="nagykep3.jpg" class="thumb" target="_blank"><img src="kiskep3.jpg" alt="Képaláírás3" /></a>
<a href="nagykep4.jpg" class="thumb" target="_blank"><img src="kiskep4.jpg" alt="Képaláírás4" /></a>
<a href="nagykep5.jpg" class="thumb" target="_blank"><img src="kiskep5.jpg" alt="Képaláírás5" /></a>
</div>
<!-- A betöltő szkript -->
<script type="text/javascript">
function getElementsByClass(name) {
var found = 0;
var elems = new Array();
var alltags = document.getElementsByTagName("*");
if (alltags) {
for (i=0; i < alltags.length; i++) {
if (alltags[i].className==name) {
elems[found++]=alltags[i];
}
}
}
return(elems);
}
var linkek = getElementsByClass('thumb');
for (i=0; i<linkek.length; i++) {
linkek[i].onmouseover = function() {
document.getElementById('nagykep').innerHTML = '<img src=\"' + this.href + '\" alt=\"Nagy kép\" />';
}
linkek[i].onmouseout = function() {
document.getElementById('nagykep').innerHTML = '';
}
}
</script>
alakulat: Keress rá az image map kifejezésre.