![]() 482 (image height as pixel value) stroke-width e.g. 502 (image width as pixel value) height e.g. true (return svg document) | false (open window with source) width e.g. ![]() Options (contains zero or more values) output e.g. Map should be a map element: document.getElementsByName( "myimg") makeSVGfromMap() makeSVGfromMap( map, options) You can generate SVG files out of Image maps. If you need utility functions, use " maputil.js". Highlight through external object events using Javascript extAreaOver( image_id, area_id) Remove highlighting from imagemap using Javascript cvi_map.remove( image) Options can contain one or more values: ) Image should be an div surrounded image element: document.getElementById( "myimg") Your Browser is unable to show embedded frames:Ĭvi_map.defaultRadius = 0 //INT 0-100 (px radius)Ĭvi_map.defaultOpacity = 33 //INT 0-100 (% opacity)Ĭvi_map.defaultBordercolor = '#0000ff' //STR '#000000'-'#ffffff'Ĭvi_map.defaultAreacolor = '#000000' //STR '#000000'-'#ffffff'Ĭvi_map.defaultNoborder = false //BOOLEANĬvi_map.defaultShowcoords = false //BOOLEANĬvi_map.defaultDelayed = false //BOOLEANĬvi_map.defaultImgsrc = '' //STR (path&file)Īdd map highlighting using Javascript cvi_map.add( image, options) You can make your maps respond to user actions. If you want flexibility, use " cvi_map_lib.js" instead of " mapper.js". "blind_area" as an overlay for any additional output! 400 (pixel value)You can use a predefinded div object named map_name+"_blind" with the class 800 (pixel value) height current image height e.g. 175 (pixel value) width current image height e.g. 482 (pixel value) ypos current y position within image e.g. 0 | world_map_112 xpos current x position within image e.g. showCoords() options: map_name current map name e.g. " showCoords(map_name,area_id,xpos,ypos,width,height)" after " mapper.js" was loaded. ** This class works only in conjunction with objects! To work with the constant coordinates stream, define a function named * These classes work also in conjunction with objects! vary the group appearancy by setting forcegroup:.get the relative mouse position within the image by setting showcoords:.vary the border visibility by setting noborder:.*Border color class " iborder" - min=000000 max=ffffff default=0000ff vary the border by adding iborder followed by the desired color as hex:.vary the fill appearancy by setting nofade:.*Fill color class " icolor" - min=000000 max=ffffff default=000000 vary the fill by adding icolor followed by the desired color as hex:.*Fill opacity class " iopacity" - min=1 max=100 default=33 vary the fill by adding iopacity followed by the desired opacity in percent:.vary the appearancy by adding iradius followed by the desired radius as pixel:Ĭorner appearancy class " iradius" - min=0 max=100 default=0.To force a group of areas using the attributes of the initial area. To get multiple area selections add one or more id's to the areas rel attribute. To get individual area highlightings add one or more classes to the area. To get the highlighting just add a class=" mapper" to an div surrounded image. ![]() "wz_jsgraphics.js" is copyright by Walter Zorn and not part of the distribution! Using It On older browsers, it can use " jsgraphics" from Walter Zorn (if installed), else it'll degrade and your visitors won't notice a thing.ĭownload "mapper.js" and include it into your webpage. It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. It uses unobtrusive javascript to keep your code clean. Mapper.js 2.4 allows you to add automatic area highlighting to image maps on your webpages (inc. Guru Meditation - With deactivated JavaScript: Images stay unmodified!
0 Comments
Leave a Reply. |