<!-- TWO STEPS TO INSTALL : 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document --> <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <script language=javaScript> <!-- Beginning of JavaScript - // CREDITS: // PeopleMarker by Urs Dudli and Peter Gehrig // Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved. // Permission given to use the script provided that this notice remains as is. // Additional scripts can be found at http://www.24fun.com. // info@24fun.ch // 7/14/2000 // IMPORTANT: // If you add this script to a script-library or script-archive // you have to add a link to http://www.24fun.com on the webpage // where the scrips will be running. // CONFIGURATION: // Go to www.24fun.com, open category 'utility' and download // the full-version of this script as ZIP-file containing the test-image, // the marker-image and the script-file with colorized // step-by-step instructions for non-programmers. // the url of your image (in this sample the people-picture) var imgurl="http://zzsgszz.strana.germany.ru/kurs.jpg" // the url of your marker-image (in this sample it's a transparent circle) var markerurl="http://zzsgszz.strana.germany.ru/krug.gif" // set the horizontal position of the image (distance to the left margin of the window, pixels) var x_imgposition=5 // set the vertical position of the image (distance to the top margin of the window, pixels) var y_imgposition=10 // do not edit the variables below var preloadimgurl=new Image() preloadimgurl.src=imgurl var preloadmarkerurl=new Image() preloadmarkerurl.src=markerurl var isloaded=false function initiate() { if(document.all) { yourimage.innerHTML="<img src="+imgurl+">" document.all.yourimage.style.posLeft=x_imgposition document.all.yourimage.style.posTop=y_imgposition markerimage.innerHTML="<img src="+markerurl+">" document.all.markerimage.style.posLeft=x_imgposition document.all.markerimage.style.posTop=y_imgposition isloaded=true } if(document.layers) { document.yourimage.document.write("<img src="+imgurl+">") document.yourimage.document.close() document.yourimage.left=x_imgposition document.yourimage.top=y_imgposition document.markerimage.document.write("<img src="+markerurl+">") document.markerimage.document.close() document.markerimage.left=x_imgposition document.markerimage.top=y_imgposition isloaded=true } } function setmarkerto(x_pos,y_pos) { if(document.all && isloaded) { var x_marker=eval(x_pos)+eval(x_imgposition) var y_marker=eval(y_pos)+eval(y_imgposition) document.all.markerimage.style.posLeft=x_marker document.all.markerimage.style.posTop=y_marker } if(document.layers && isloaded) { var x_marker=eval(x_pos)+eval(x_imgposition) var y_marker=eval(y_pos)+eval(y_imgposition) document.markerimage.left=x_marker document.markerimage.top=y_marker } } // - End of JavaScript - --> </script> </head> <body bgcolor=#FFFFFF onLoad="initiate()"> <div id="yourimage" style="position:absolute;left:0px;top:0px;"></div> <div id="markerimage" style="position:absolute;left:0px;top:0px"></div> <div id="peoplenames" style="position:absolute;left:330px;top:10px;"> <ul> <font face=Verdana size=3 color=red><b>Банкет.</b></font> <font face=Verdana color=black size=2><br> <li>Нажать на имя:<br> <a href="javascript:setmarkerto('468','228')"><font face=Verdana color=blue size=1>Я</font></a>, <a href="javascript:setmarkerto('430','240')"><font face=Verdana color=blue size=1>Наталья</font></a>, <a href="javascript:setmarkerto('280','290')"><font face=Verdana color=blue size=1> Sabina</font></a>, <a href="javascript:setmarkerto('345','215')"><font face=Verdana color=blue size=1>Евгений</font></a>, <a href="javascript:setmarkerto('460','290')"><font face=Verdana color=blue size=1>Нелли</font></a>,<br> <a href="javascript:setmarkerto('385','242')"><font face=Verdana color=blue size=1>Мария</font></a>, <a href="javascript:setmarkerto('120','228')"><font face=Verdana color=blue size=1>Валерий</font></a> <a href="javascript:setmarkerto('4','2')"><font face=Verdana color=blue size=1>и так далее....</font></a>, <a href="javascript:setmarkerto('4','2')"><font face=Verdana color=blue size=1></font></a>, <br> <a href="javascript:setmarkerto('2','2')"><font face=Verdana color=blue size=1> </font></a>, <a href="javascript:setmarkerto('3','2')"><font face=Verdana color=blue size=1> </font></a>, <a href="javascript:setmarkerto('4','2')"><font face=Verdana color=blue size=1></font></a>, <a href="javascript:setmarkerto('3','2')"><font face=Verdana color=blue size=1></font></a>, <a href="javascript:setmarkerto('1','2')"><font face=Verdana color=blue size=1> </font></a> </font> </ul> </div> <!-- copyright (i4) --><div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s201.ucoz.net/img/cp/8.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div><!-- /copyright --> </body>
