[ANN] ScriptyLightbox

Got it

a#lightwindow_title_bar_close_link

D


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

Hi Walter,

This action is great. I used it to do a short slide show and noticed the same sizing problem in IE7 mentioned above. The windows opened larger then shrunk to tiny. Oddly enough, this problem seemed to fix itself after a few minutes. However, three of the 7 picture windows in the slide show expand to a very large size, then the photo is stretched to a huge size and only a portion shows in the window. The other four windows open properly and show the picture correctly.

Another problem I noticed is in Opera on Mac. The grayed out background only covers the top half of the page when an image window is opened.

All the other browsers I tested in worked perfectly. This is a great action!

Warner


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

Hi there, Im quite new to all of this!

I was just wondering if some one could tell me where to put the files for the image that i want to show in the lightbox?..
and if poss somebody could post up a tutorial etc?

At the moment all i get is a white box with a red cross through it!?

PLEASE HELP GUYS!

Thanks in advance! Rob


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

Sure. Draw an HTML box on your page that’s large enough to hold the
thumbnail size versions of your images. With that box selected, choose
Item / Actions / ScriptyLightbox from the main menu. Then double click
into that HTML box so you see a text cursor.

Again from the main menu, Insert / Graphic Item. Drag the corner of
that box until it is the size you want your thumbnail images to be.
Set it to align Left, give it a padding right and bottom of 12px or
some other pleasing dimension.

Insert an image in the graphics box, and size and crop it to be your
thumbnail image. With that image still selected, apply the Graphic
Link to File Action. In the Actions palette, use the file control to
select the full-size version of your thumbnail image. Note that this
image must be in a Web-friendly format, and already to the size you
want your visitors to see as “large”.

Now you have one image set to go. To make lots of others, click once
on your thumbnail image, and choose Edit / Copy. This will copy the
image box, all attached Actions and their settings – everything.
Double-click into the HTML box to the right of your graphics box, so
you see a flashing text cursor snugged up next to your first
thumbnail. Paste as many times as you have additional images to show.
Now select each duplicate thumbnail in turn; update the image and the
reference to the full-size image to match. Once you have done this,
upload to your server and try it out.

Walter

On Apr 7, 2009, at 7:53 PM, Robster wrote:

Hi there, Im quite new to all of this!

I was just wondering if some one could tell me where to put the
files for the image that i want to show in the lightbox?..
and if poss somebody could post up a tutorial etc?

At the moment all i get is a white box with a red cross through it!?

PLEASE HELP GUYS!

Thanks in advance! Rob


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

Thankyou,

This works great on Firefox, Safari etc. But it wont work on IE on my PC… Any clues? I just get a broken link image, but it works fine on the others?

Thanks, Rob


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

Can you post a link to the page? There are some known issues with IE
– but none of them have to do with missing images, only large images
appearing to be 1cm square.

Walter

On Apr 8, 2009, at 4:59 AM, Robster wrote:

Thankyou,

This works great on Firefox, Safari etc. But it wont work on IE on
my PC… Any clues? I just get a broken link image, but it
works fine on the others?

Thanks, Rob


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

On 8 Apr 2009, 1:27 pm, waltd wrote:

Can you post a link to the page? There are some known issues with IE
– but none of them have to do with missing images, only large images
appearing to be 1cm square.

Walter

On Apr 8, 2009, at 4:59 AM, Robster wrote:

Thankyou,

This works great on Firefox, Safari etc. But it wont work on IE on
my PC… Any clues? I just get a broken link image, but it
works fine on the others?

Thanks, Rob

Hi Walter,

The link is:
http://www.chicradiators.co.uk/chrome%20products/terano.html

I would appreciate any help you could offer as i am designing this site for a client, who wants this particular feature.

Thanks, Rob


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

One thing (and this goes for every part of every Web site) that you
need to attend to is your path name. You have a space in the name of
your folder (chrome products). You really should change this to
chrome_products or chromeproducts. The space in the path may be
affecting things on Windows.

Walter

On Apr 8, 2009, at 9:47 AM, Robster wrote:

Hi Walter,

The link is:
http://www.chicradiators.co.uk/chrome%20products/terano.html

I would appreciate any help you could offer as i am designing this
site for a client, who wants this particular feature.

Thanks, Rob


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

One thing (and this goes for every part of every Web site) that you
need to attend to is your path name. You have a space in the name of
your folder (chrome products). You really should change this to
chrome_products or chromeproducts. The space in the path may be
affecting things on Windows.

Walter

On Apr 8, 2009, at 9:47 AM, Robster wrote:

Hi Walter,

The link is:
http://www.chicradiators.co.uk/chrome%20products/terano.html

I would appreciate any help you could offer as i am designing this
site for a client, who wants this particular feature.

Thanks, Rob

Walter

I have corrected you point about the page path names… thankyou…but it still doesnt work??

Any other ideas?

Thanks, Rob


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

Since it works in Safari, I’m going to guess that the image has
something about it that IE just doesn’t like. Since the image you
upload using Graphic Link to File undergoes no processing by Freeway,
there’s no opportunity for Freeway to strip it of extra headers, morph
it from CMYK to RGB, or fix any of the countless other things that
cause IE to lose its mind. Freeway does this for you, silently, as
long as you are not using a pass-through image. Pass-through (and this
method, which just uploads the image without any conversion) leaves
the image as it lays.

Try opening the image in Photoshop or similar, and see what color
model the image is using for a start. I’m betting it might be CMYK.

Walter

On Apr 8, 2009, at 10:15 AM, Robster wrote:

Any other ideas?


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

Hi Walter

I was trying to use ScriptyLightbox on a page that also has the Tabs Area action

http://www.22williamdrive.co.uk/scriptylb.html

While scripty works Tabs area doesn’t - not knowing what is under the hood of Tabs Area means that I don’t know why they don’t play together.

Can you shed some light please.

David


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

I don’t see any frank errors, but could you try taking the Google Maps
Action off the page, just to see if there’s a three-way interaction
going on?

Is there another page in your site that does have a working tab area
on it?

Walter

On Apr 10, 2009, at 8:58 PM, DeltaDave wrote:

http://www.22williamdrive.co.uk/scriptylb.html


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

Hi Walter

Yes this page has working tabs but with moo:slimbox and a Google map

http://www.22williamdrive.co.uk/

And yes I had considered that Google maps was the culprit and did try it without - here it is without Google

http://www.22williamdrive.co.uk/scriptylb.html

D


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

Would you please send me just this one page in a new Freeway document
off-list? I’d like to get to the bottom of this. I am not able to see
what’s happening in the code (it doesn’t throw any errors).

WAlter

On Apr 11, 2009, at 10:37 AM, DeltaDave wrote:

Hi Walter

Yes this page has working tabs but with moo:slimbox and a Google map


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

On its way

D


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

bugger,

I have just done all this by hand on a website…

www.printwells.com

I wish I had known about the action earlier would have saved a few headaches, but as most of the code for the portfolio pages are driven by php i guess that handcoding it into the page isn’t a big step further - will definitely be adding this to my army of tools though.

Thanks Walt

mm


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

Hi waltd,

Have been looking for an action like this, thank you. Two questions.

01 - When uploading an image the media width and heights don’t seem to have any affect, are these settings only for video?

02 - Are images used by this action treated as passthrough by Freeway or does it use the preference settings? They seem to output exactly as the source, color space, size and such.

Thanks, Team SDA


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

Right now, the width and height is only needed by video and flash –
everything else can work out the dimensions automatically – and does.

This Action doesn’t upload the large photo – you either have to do
that yourself of use the Graphic Link to File Action to do that, and
neither a raw upload or that Action do anything at all to the file
they upload – it’s just a straight FTP PUT.

The way you would use this Action with large images is to work out the
largest size you can imagine your visitors would ever like to download
(because when they click to see the large image, they are having to
wait through a download in order to see the larger file) and then make
all of your large images that size. When a visitor clicks on the
thumbnail, the large image is loaded using an Ajax call (out of band,
no reload request) and the resulting image is then scaled to fit
inside their current browser window size.

That resizing trick won’t work for Flash or other rich media, so
that’s why we need the dimensions in the Action.

Walter

On Apr 12, 2009, at 10:59 AM, TeamSDA wrote:

Hi waltd,

Have been looking for an action like this, thank you. Two questions.

01 - When uploading an image the media width and heights don’t seem
to have any affect, are these settings only for video?

02 - Are images used by this action treated as passthrough by
Freeway or does it use the preference settings? They seem to output
exactly as the source, color space, size and such.

Thanks, Team SDA


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

waltd,

A little point you might like to know about and lightwindow2 and html pages in the div. It most definitely needs to use the ‘type=external’ parameter or else it will not show the page if its hosted on the same server.

If you take a look at http://www.printwells.com and then view the portfolio section - I have used an html page that drives a page flip for some of our work - when I didn’t have the type=external in the parameters it couldn’t load the xml file that gets read by the swf in the html page so it might be worth adding it into your action if you haven’t already ?

Regards,

mmull


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

I’ll take a look at that. The problem is that it needs to be added to
the link that opens the page, not the container itself. Since my
Action only wires the container, not the links, I’ll need to make a
new link Action to go along with this in order to set the various modes.

For those who wonder, the underlying JavaScript (written by someone
far better at JS than me) senses whether the page is local or not, and
uses Ajax to load the page if it’s local, and an iframe if it’s not
(since Ajax cannot load cross-domain content). An iframe (which is
what the type=external flag forces) will happily preserve the context
of the page and allow all associated elements to load normally. But an
Ajax load will not gather any associated resources unless their
relative path is exactly the same in the current context. (So if your
entire site is in one folder, with one Resources folder, then this
should work without the type=external flag. But if you have various
sub-folders, and you are loading some content from a couple of folders
away, I wouldn’t expect it to work the way you want.)

Walter

On Apr 12, 2009, at 2:48 PM, mmull wrote:

If you take a look at http://www.printwells.com and then view the
portfolio section - I have used an html page that drives a page flip
for some of our work - when I didn’t have the type=external in the
parameters it couldn’t load the xml file that gets read by the swf
in the html page so it might be worth adding it into your action if
you haven’t already ?


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