Scanned Images and Layers Troubleshooting

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

I'm using FrontPage 2003 and I'm still having trouble setting up a layer over
a scanned image, with a number pointing out different areas of the image.
(it's a copy of a invoice, showing what different areas mean). I tried the
suggestion of using a hot spot, but I get the same result. The layer shows
up when I touch the corner of the scanned image, not when I hover over the
number I have added on top of the scanned image.
 
Really, the best approach is to add your lines, circles, and arrows in a
picture editor. If there's some reason that can't work, please post again to
this thread and explain more about your application.

Jim Buyens
Microsoft MVP
http://www.interlacken.com
Author of:
*-----------------------------­-----------------------
|\----------------------------­-----------------------
|| Microsoft Windows SharePoint Services Inside Out
|| Microsoft Office FrontPage 2003 Inside Out
||----------------------------­-----------------------
|| Web Database Development Step by Step .NET Edition
|| Microsoft FrontPage Version 2002 Inside Out
|| Faster Smarter Beginning Programming
|| (All from Microsoft Press)
|/----------------------------­-----------------------
*-----------------------------­-----------------------
 
I placed a new image in Frontpage with the numbered circles already imbedded
as part of the image. I thought your idea had worked well until I add
additional layers, the first layer does not go away when I point to the
second item or they show up at the same time when I touch the corner of the
image, not the hot spot.
 
Are you trying to have pop-up instructions come and go as the visitor moves
the mouse around your form picture? Is that it?

If so, I don't know how to do that except by writing some fairly complex
JavaScript code.

If you're not up to that, I'd recommend using a picture editor a
brightly-colored numbered ball near each form field, and then listing the
descriptions somewhere nearby.

If you *really* need the animation, it would probably be easier to do it in
Adobe (formerly Macromedia) Flash.

Jim Buyens
Microsoft MVP
http://www.interlacken.com
Author of:
*-----------------------------­-----------------------
|\----------------------------­-----------------------
|| Microsoft Windows SharePoint Services Inside Out
|| Microsoft Office FrontPage 2003 Inside Out
||----------------------------­-----------------------
|| Web Database Development Step by Step .NET Edition
|| Microsoft FrontPage Version 2002 Inside Out
|| Faster Smarter Beginning Programming
|| (All from Microsoft Press)
|/----------------------------­-----------------------
*-----------------------------­-----------------------
 
Place the image on the page, then add the hotspots, you don't need to use layers.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WebMaster Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
If you feel your current issue is a results of installing
a Service Pack or security update, please contact
Microsoft Product Support Services:
http://support.microsoft.com
If the problem can be shown to have been caused by a
security update, then there is usually no charge for the call.
==============================================
 
I would just edit the image, and add those text labels to the image, resave
it and then import/insert the image.
what you're doing sounds like a lot of needless effort.

However if you want the image to be plain, and then the various labels
showing different parts of the invoice to show when you mouseover them, then
I suggest you do it with an "image map" and rollover images, by creating two
separate copies of the image, slicing them, resassembling them in a table
and applying the mouseover effect to each "slice" that has a label.

If that makes sense....

1) two copies of the image an "off" and "on" version the "on" version
contains the labels.
2) Slice up the image(s) exactly the same (Fireworks etc allows slicing of
images, building the html tables to reassemble the image, and also generates
the javascript code for the rollovers
3) export the html/javascript etc to an html file from Fireworks (or other
image editor with the slicing/export to html features)
4) test/view in browser.
5) import the page into frontpage; have this file that fireworks created as
an "include" page in another page matching the design of your site, rather
than messing around with that actual file.
 
Back
Top