Strange problem with rounded graphics. Please Help!

Freeway
1

I am creating a page that opens links, images, etc. using a lightbox effect. The problem is that when I try to round the edges of my graphics, the lightbox effect is no longer triggered, even though the javascript command is EXACTLY the same. Here is the example page:

http://audicashop.com/test/

Again, the rounded button is a duplicate of the square button, the only difference being that I have rounded the edges in the inspector. Notice that the square button uses the lightbox function correctly, but the rounded button acts like there isn’t a javascript function and just forwards you to the page.

Is this a bug? Am I just missing something? Any assistance will be greatly appreciated. Thanks in advance.

TB

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

When you round the corners of an image in Freeway, Freeway switches
from a normal link to an image map link. I suspect that your lightbox
is ignoring the map links. You could try adding the corners in
Photoshop or another image editor, and then import them as pass-
through images. That will certainly work. Another approach might be to
use the CSS3 Corners Action, although that will only round the corners
for Firefox and Safari, as they are the only browsers to implement
this new feature.

Walter

On Nov 19, 2009, at 10:46 AM, twb716 wrote:

Again, the rounded button is a duplicate of the square button, the
only difference being that I have rounded the edges in the
inspector. Notice that the square button uses the lightbox function
correctly, but the rounded button acts like there isn’t a javascript
function and just forwards you to the page.

Is this a bug? Am I just missing something? Any assistance will be
greatly appreciated. Thanks in advance.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Thanks, Walter. I was under the impression that FW just creates a new image with rounded corners in the Resources folder. Is there anyway (without reimporting a created graphic from the Resources folder) to get rid of the image map? Id really like this process to be self-contained, and not have to resort to 3rd party apps or actions that don’t work in all browsers to achieve the desired effect.

I have also tried creating a new style with an “Extended” attribute, but that doesn’t work at all- indeed due to the fact that I am creating the new style incorrectly. How would I go about creating a “rel=shadowbox” Extended attribute style for elements, incidentally?

Thanks again- you always have the best answers!

TB

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

You could try this trick. (Please note, this trick is analogous to
“crossing the streams” in Ghostbusters parlance. You are now doing
something that has serious potential to confuse Freeway.)

Make a new page at the top of your list of pages in the Freeway
document and copy your rounded images to it. Don’t put anything else
on this page, and don’t link to or from it. It’s just a scratch pad to
generate these images. If you have applied links to the images, remove
them on this page. Name the images so you can find them later in the
Resources folder.

Preview the page (so the resources will be generated), then move to
your original page and replace them with Pass-through instances of the
images you created on that scratch page. Click once on the first image
box to select it, then Apple-I to import a new image. Check the pass-
through box in the Import dialog, then navigate to the Resources
folder in your Site folder for this document. Locate the first image
and okay. The rounded corners of your image box will disappear, and
you will be left with either a blue or green HTML box containing your
image. Repeat for each. Your links will still be there.

As for your Extended attribute, you need to create a rel attribute on
the link itself, not through CSS. Click once on your image, open the
Hyperlink dialog, and press Extended there. Press New, then enter
Name: rel, Value: shadowbox. Remove the rel attribute from your CSS,
where it is doing no active good.

Walter

On Nov 19, 2009, at 12:20 PM, twb716 wrote:

Thanks, Walter. I was under the impression that FW just creates a
new image with rounded corners in the Resources folder. Is there
anyway (without reimporting a created graphic from the Resources
folder) to get rid of the image map? Id really like this process to
be self-contained, and not have to resort to 3rd party apps or
actions that don’t work in all browsers to achieve the desired effect.

I have also tried creating a new style with an “Extended” attribute,
but that doesn’t work at all- indeed due to the fact that I am
creating the new style incorrectly. How would I go about creating a
“rel=shadowbox” Extended attribute style for elements, incidentally?

Thanks again- you always have the best answers!

TB

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options