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.
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.
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.
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.
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.
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.
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!
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.