|
A kép új ablakban történő feldobása egy javascript blokk segítségével történik, mely az ezen az oldalon megjelenő képet magába foglaló hivatkozás onclick eseményéből van meghívva. A működéshez az oldalon elhelyezendő a következő javascript blokk - praktikusan a head tag környékén (ne felejtsük el körülötte a script tag-eket) - és a képre történő hivatkozás: function OpenNewWindow(bigurl, width, height)
{
var newWindow = window.open("", "pictureViewer", "location=no, directories=no, fullscreen=no, menubar=no, status=no, toolbar=no, width=" + width + ", height=" + height + ", scrollbars=no");
newWindow.document.writeln("<html>");
newWindow.document.writeln("<body style='margins: 0 0 0 0;'>");
newWindow.document.writeln("<a href='javascript:window.close();'>");
newWindow.document.writeln("<img src='" + bigurl + "' alt='Click to close' id='bigImage'/>");
newWindow.document.writeln("</a>");
newWindow.document.writeln("</body></html>");
newWindow.document.close();
} A script blokkban látható, hogy nem történik más, mint az új böngészőablak megnyitása után egy mini html oldalt írunk bele az új böngészőbe. Amikor az oldalba betűzzük a képet, rá kell tennünk egy hivatkozást (anchor) is. A hivatkozás onclick mezőjébe betesszük a függvényünk meghívását, melyet már az oldalba illesztettünk. A függvény három paramétere közül az első a megjelenítendő kép neve, majd a nyitandó ablak szélessége és magassága. A képhivatkozásnál a függvényhívás a következőképpen néz ki: <a href="#" onclick="OpenNewWindow('images/bigpicture.jpg', 500, 500); return true;"><img src="images/smallpicture.jpg" alt="Click..."/></a>
|