<html><head> <script src="prototype.js"></script> <style> #gallery div { float:left; border: 1px solid black; margin-right: 5px; padding: 1px; } </style></head><body><div id="gallery"></div><script>var n = 8;n.times(function(index){ // sozdaem DIV, v kotorom budet lezhat kartinka var galleryItem = document.createElement('div'); // delaem ego nevidimym galleryItem.style.display = 'none'; // daem emu ID galleryItem.id = "item_" + index; // sozdaem kartinku var galleryImage = new Image(); // i srazu prilepljaem ee k DIVy ... galleryItem.appendChild(galleryImage); // ... a div k elementu na stranice $("gallery").appendChild(galleryItem); // eto sdelano dlja togo, chto by elementy byli // dostypny v DOM ranshe, chem k nim obratjatsja // daem kartinke SRC galleryImage.src = "6/"+index+".jpg"; // daem ei ID galleryImage.id = index; // i prisvaevaem callback na event onload // s parametrom samoi kartinki try { Event.observe(galleryImage, 'load', checkImage, false) } catch (ex) { galleryImage.addEventListener('load' , function () { alert('hui');} ); }});function checkImage (evt) { var el = this || Event.element(evt); // zdes my smotrim, zagruzilas li kartinka // i proverjaem ee vysoty, ibo complete na proverku okazalsya fuflom if (el.height > 0) { // i esli kartinka sushestvuet, my prosto pokazivaem // div v kotorom ona lezhit! $("item_" + el.id).style.display = "block"; } Event.stop(evt);}</script></body></html>