[Pro] Hover on Preview not working in FW6

I’ve had Preview on Hover on 10-12 photos on this page in Freeway 5.5 for years, but now those same settings are not working in FW6. Anyone know if I need to update the Page markup code there? Here’s what I’ve been using (before ):

img{border:none;} #preview{ position:absolute; border:1px solid #ccc; background:#808080; padding:2px; display:none; color:#fff; z-index:100; }

The rest was done in the hyperlink panel and is intact. The images are still where they should be in my site folders.

The affected photos are all those of someone holding a caricature drawing. I see a little blue ball in the corner of each in my FW6 file. It clearly relates in some way but I’m not sure what that means.

I’m also noticing that most of the URLs on the site now have
#.UqnkH42bSEI after the .html part. Could that have any bearing here? I have no idea what that is.

http://bringyourface.com/li-nyc-event-party-artist.html#.UqnlJ2RDuv0


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

BTW, there are also two .js files for this in my Resources folder that are from 2008. Could they be in need of updating for FW6?


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

How did you apply the original hyperlinks to the images - for some reason FW has created Map Areas for each image.

I would redo each link by removing the existing ones and instead just select each image in turn and Cmd+K to add in the code again. ie the Alt Text and the class: preview

Make the page output More Readable would also help us to see what is going on.

David


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

Thanks, David,

The original hyperlinks were created with Cmd+K, and I just removed and recreated a couple the same way again, but to no avail after upload. As before, clicking on the photos brings a new image in a new window but not the hover preview on the same page I’m after.

Not sure what you mean by a map area or if FW6 generated it where 5.6 didn’t but I’m still stuck. How would I make the page output more readable? I’m confused on that as well but will try if it may help reveal the problem.


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

How would I make the page output more readable?

Then upload again.

For your links try this:

‘Draw’ an empty graphic container on top of one of your images you want to have the preview effect on. Apply the link to it using Cmd+K. Presumably you are using the Extended section of the Hyperlink dialogue to add the class:preview?

D


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

And here is an example page in FW6 - with basic instructions.

http://www.deltadesign.co/FW6Test/preview-on-hover.html

D


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

THANK YOU for finding those instructions for FW6. I had Googled it and not come up with that. WIll give it a shot. Be well.


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

THANK YOU for finding those instructions for FW6

I didnt find them - I wrote them.

D


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

In that case, I REALLY thank you!

What is it about FW6 that changes what worked before? Was the prior code not clean enough?


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

Cant tell without seeing your FW5 page.

There is the Map Area issue but that may have been present in the previous version.

D


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

All I did was import photos, so you got me on that one. No clue where map areas came from.


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

i just opened an earlier version of the file in 5.6 and it doesn’t indicate the map areas that 6 does, so I guess it gets interpreted as such by 6. No blue bubbles are on the pix in 5.6.


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

I am pretty sure that if you started fresh in 6 with this construction you wouldn’t get map areas but I dont have your FW 5 file to test with.

I do know that the 2 methods I have demonstrated (the second using the Graphic Link to File action) works with your scripts in 6.

http://www.deltadesign.co/FW6Test/preview-on-hover.html

http://www.deltadesign.co/FW6Test/preview-on-hoverGLTF.html

D


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

Ugh – I still get the blue map area bubble appearing in my FW file as soon as I create the link for a photo. Remove the link and it disappears from the photo.

To avoid any issues from the original page, this is on a new page I created with all my planned H-on-P pix re-created from scratch. I’ve only tried it on one image (second one in the top row) for now: http://bringyourface.com/newpixpage.html#.Uq6TbWRDuv2

Not knowing much about code, I’m wondering if it matters that my site was created in HTML 4.01 Transitional. Should it be changed to HTML 5 or XHTML 5 for a better result? I did select More Readable for this and the previous page. The rest of the site is set on More Efficient.

FYI, to retrace my steps, I’ve used tooltip 02’s jquery.js and main.js files and external js action to put them into the Resources folder before/HEAD.

I’ve also re-used the original styling in Page>HTML Markup that is pasted above in this discussion. And I used Cmd+K to make the link + class: preview in Extended, as on my previous page.


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

By saying I should “start fresh,” did you mean to suggest I recreate the site anew in FW6 and forget about my original file?


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

I still get the blue map area bubble appearing in my FW file

That is not specifically meaning a Map Area - it just means it is a Link. The pic below has a Link but it is not a Map Area

Your page does have Map Areas though.

I am going to send you a cut down FW file a bit later - see if it works for you and that you can add to it.

D


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

File on its way

D


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

Thanks for that, Dave, but no go. It doesn’t work on either my new page or my original one.

Between this site and another one of mine before it, I’m regretting this upgrade.

I haven’t found any map areas over my photos, it that’s what you were finding.


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

Does my file work as a standalone document?

D


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

I’m not sure what you meant for me to do with that. Did you want me to create a new FW6 doc with the elements you sent me? Of the three items in the archive, only one had any data (Media folder had the two js files and two of my photos). ForJoe was blank and Site Folder was empty.


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