[Pro] Zoom Image in New Window?

Hi All

Is it possible to be able to click an image in Freeway, which then opens a zoomed version in a floating window, above the main site, with caption, grey’d out background and x to close the window back to the main site.

Looked at spawn new window, doesn’t seem to do it.

Any suggestions please

Mike


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

ScriptyLightbox available from actionsforge

David


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

Doesn’t scripty conflict with Freeways inbuilt actions?
Also using sequence timer on the page.


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

ScriptyLightbox (and anything else I have written) are completely compatible with the built-in Actions. Joe Billings and I have collaborated on the loading code so we both are assured that they work together, and the interface code for doing so are published on the ActionsForge Wiki. Paul Dunning has added this code to his Spawn New Window Action, and I’m not sure about others but it’s a well known system in the Action-writing community.

Where you will definitely run into issues is in Actions that use MooTools or jQuery (less so the latter). FYI, the Showcase Action uses jQuery, but Tim Plumb wrote it in such a way that jQuery doesn’t step on the Prototype code.

Walter


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

Hi Walt

Sorry I was mixing up with Moo tools.

But does anyone do an action that will do something like?

Scripty and Spawn new windows don’t seem to do what I am after.

Any ideas please

Mick


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

Scripty and Spawn new windows don’t seem to do what I am after.

What exactly do you need - you can have a caption with Scripty.

David


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

Can you give me instruction of how to use Scripty on my page I have also got sequence timer running and Scripty Accordian.
Will these all work together.

In the action panel does the size have to match the image size where do you put the caption in etc.

Obviously I am not doing something correct.

Mike


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

1st pic has caption http://deltadzine.net/test/scriptylb.html

D


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

The dimensions on the Action panel are there only for Flash and QuickTime and other motion formats. These formats cannot be interrogated for their dimensions until after they have loaded into the browser, so there’s a chicken-or-egg problem when trying to construct a valid wrapper code around them in the page on the fly.

If you’re using regular web-ready photos, you just leave this blank.

Walter


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

Dave

I don’t get any options in the action window.

I think I need an idiots guide to using this please.


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

What exactly do you want to achieve and then we can advise if it is doable.

D


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

Hi Dave

Something like your sample page in your previous post.
Cannot seem to get anywhere near that.
Perhaps don’t want the pictures as big etc.
But that is the basic principle.

Regards
Mike


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

The size of the ‘zoomed’ picture is determined by the size of the original, so make it the size you want it to display at.

The principal in its simplest form is as follows.

Draw a graphic box on your page and import an image and scale it become your thumbnail.

Apply the Graphic Link to File action and in the action dialogue box choose the original image file that you imported to become the thumb.

Apply the ScriptyLightbox action to the thumbnail graphic.

To get the caption:

Select the thumbnail image and Edit>Hyperlink then choose External from the selector pic Other from the Protocol dropdown (default setting) and type in an octothorp # in the window.

Then in the Title section type in your caption details. Click OK and preview.

To style the caption text you will need to do a bit of CSS code addition if you dont like the standard look. But get the other bits done first.

If you want to have several thumbs that ‘zoom’ then instead of applying SLB to the graphic instead apply it to a containing HTML box that has all the thumbs inside and you will only need to apply the action once.

Let us know how you get on and post an example when you are ready. And if at that point you want to style the caption text let us know what size and font etc. and we will give you pointers.

D


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

I’d love to take the credit for this but my conscience tells me that that I’ll feel better telling you that it was Joe Billings’ wonderful code. Joe has spent many a long day getting Showcase to the perfect state you find it today.
There, I’ve done it… but I still don’t feel any better! :slight_smile:
Regards,
Tim.

On 16 Apr 2011, at 19:07, waltd wrote:

Where you will definitely run into issues is in Actions that use MooTools or jQuery (less so the latter). FYI, the Showcase Action uses jQuery, but Tim Plumb wrote it in such a way that jQuery doesn’t step on the Prototype code.


Tim Plumb
Creative Director
Softpress Systems

Follow us on Twitter: http://www.softpress.com/tny/064
Join us on Facebook: http://www.softpress.com/tny/063
Looking for a webhost? We love these guys: http://www.softpress.com/tny/sxf


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