[Pro] Ultimate Scripty Lightbox test page for graphics

Just spent some time creating this page so I could test all sorts of scenarios for using graphics with Scripty Lightbox. There have been several folks on this forum who have had troubles with lightbox… and I too have had clients with Internet Explorer who get weird results with lightbox. (graphics stretch or box doesnt open all the way. Works the first time but not the next)

So take a look and report if you find any of these not working as they should. Report the OS and browser and versions you’re using. Maybe we can pin down the problems here.

http://www.catalogsthatsell.com/lightboxtest/index.html

by the way, they all work with a Mac 10.5.8 and Safari… except the last 2… I didnt know you couldnt link to a TIFF! : )


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

Well, Windows XP and Internet Explorer 7 couldnt handle any of the large files. Stretched them and cut off the right 1/3 of the image. (here’s the real image link)

http://www.catalogsthatsell.com/lightboxtest/resources/1200x800SLT.jpg

and, the first time I clicked on one of these links, it opened to a tiny box… you couldnt see anything.

So, what’s going on here? What else can I try to fix this problem? Is there a limit to the size file that Lightbox can handle? (the 400x300 appears fine)


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

The issue here is timing. In order to measure the box that is going to
hold the image, Lightwindow needs to wait until that image has
downloaded from the server to your browser. In some browsers, it is
able to do a sort of stalling function, but (especially in IE) it has
trouble telling when or if the image has loaded. Eventually it gives
up and does something – the wrong thing – and shows the image in a
box of no height or width.

I went a different way in ScriptyLightbox2. I cheated, and added two
text fields to the Action where you could enter the actual dimensions
of your image. I needed this in particular for the QuickTime and Flash
content, but for really large images it can help out as well. SL2 has
its own quirks, and you might want to do the same sort of browser
matrix as you’ve set out to do here for SL.

Thank you so much, by the way, for doing this.

Walter

On Feb 11, 2011, at 12:51 PM, Tychain wrote:

So, what’s going on here? What else can I try to fix this problem?
Is there a limit to the size file that Lightbox can handle? (the
400x300 appears fine)


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

I take that back… 400x300 stretches and cuts off too if you make the window smaller than the original file.

Is the only solution here to make the largest files around 600x400 so that they fit on most browser windows? This defeats the purpose a little doesn’t it?

Is there anyone getting lightbox to work with explorer and larger files?


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

Hi Walter

I am going to add another line of files to this page and enter the graphic dimensions… lets see what happens. Obviously this only will work if each image has lightbox applied to only it, or in groups of files of identical size I suppose.


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

Wait – be sure you’re talking about the right Action then.
ScriptyLightbox2 is the Action name I was referring to when I said you
could enter the dimensions. ScriptyLightbox also has the dimensions
fields, but it works in a fundamentally different manner.

In SL (the first Action I wrote in this vein) the dimensions field was
ONLY for rich media like Flash and QuickTime, and it was supposed to
be page-level, so you would enter a dimension that all of your movies
would fit into, and only the one dimension would work throughout the
page. The other quirk about this was that if you had more than one
instance of the Action applied to your page, then ALL of them would
have to have the same dimensions used within it, because there’s no
way to predict or force which one of the Actions would actually
publish the code into the page.

SL2 uses a different methodology. Since each SL2 Action also uploads
the “large” image along with marking up the thumbnail, it can modify
the link to that image and add the geometry flags into each link based
on the large image size. So no matter how many of them you add to your
page, you can rely on each one having its own correct set of
dimensions. I wrote the JavaScript to be size-agnostic, or more
accurately, to look for the geometry in the parent link when
calculating how to display the image on screen.

Walter

On Feb 11, 2011, at 1:05 PM, Tychain wrote:

Hi Walter

I am going to add another line of files to this page and enter the
graphic dimensions… lets see what happens. Obviously this only
will work if each image has lightbox applied to only it, or in
groups of files of identical size I suppose.


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

Too late walter! lol

I already created a page using the old scriptyLightbox and entering the dimensions of the linked graphic.

Works ok on the mac… I havent gone on my laptop to see what happens in IE yet though. Here’s the new link, go to the bottom.

http://www.catalogsthatsell.com/lightboxtest2/sltest.html

I dont know how I missed the lightbox2 announcement! This is all I need, at least for this project. Can it only be applied to graphic files or could you apply it to a map area?

Thanks for all you do here… I know I speak for the whole community when I say this.


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

Still doesnt work, like you said… smile

Interesting side note: on IE you dont get the nice darkening of the background behind your zoomed in graphic, therefore on a white or light background it is very hard to see the close button.

I am going to try the lightbox2 action right now!


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

Only graphics, but you can use a handy work-around to simulate a map:
just draw a layered graphic box over the top of your base image, and
don’t put anything in it. Add the Action to this empty box. Freeway
will publish a _clear.gif instance in that spot, and wrap it with an A
(link tag) and all will be well in the world.

Walter

On Feb 11, 2011, at 1:32 PM, Tychain wrote:

Can it only be applied to graphic files or could you apply it to a
map area?


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

Here’s the page again with lightbox2 applied to the bottom row. Not quite as elegant as lightbox1 but at least it works for those few unfortunate souls still using Internet Explorer!

http://www.catalogsthatsell.com/lightboxtest2/sltest.html

please report if any of you have any trouble with these lightbox2 links.


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

I don’t see any instances of SL2 on this page. Do you need to upload?

Walter

On Feb 11, 2011, at 2:11 PM, Tychain wrote:

Here’s the page again with lightbox2 applied to the bottom row. Not
quite as elegant as lightbox1 but at least it works for those few
unfortunate souls still using Internet Explorer!

http://www.catalogsthatsell.com/lightboxtest2/sltest.html

please report if any of you have any trouble with these lightbox2
links.


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

OOOPS!

Too many files names that are too similar!

http://www.catalogsthatsell.com/lightbox2/sltest.html

Bottom row for lightbox2


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

Hi Tychain,

After seeing this post I downloaded Scripty Lightbox 2 for another try. It appears that your link even works on the iPhone with no background overlay break. What has me perplexed is the look of the frame as mine is solid black with an X close button in the upper left corner and how are you achieving the overlay? I have read some other posts and tried adding a style as suggested but not producing the same results as your link.

Look Forward to your input,
TeamSDA_Dave


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

Any input?

Dave


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

The original ScriptyLightbox does create the faded black background
effect, while the ScriptyLightbox2 does not. They are different
animals entirely. SL2 was written to be iPad- and iPhone-friendly, and
the original SL is based on a truly ancient “lightbox” code called
LightWindow.

LightWindow was revolutionary in its day for being able to handle
nearly any file format you could throw at it. SL2 is my own
“windowing” code, and is deliberately (by design) extremely limited in
its input and output formats.

Walter

On Mar 24, 2011, at 11:04 PM, TeamSDA wrote:

Hi Tychain,

After seeing this post I downloaded Scripty Lightbox 2 for another
try. It appears that your link even works on the iPhone with no
background overlay break. What has me perplexed is the look of the
frame as mine is solid black with an X close button in the upper
left corner and how are you achieving the overlay? I have read some
other posts and tried adding a style as suggested but not producing
the same results as your link.

Look Forward to your input,
TeamSDA_Dave


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

Hi Walt,

Perhaps I misunderstood the link Tychain posted earlier as I understood it to say he was using SL2 and as I stated it has a background and it does work on the iPhone. I have been following your work and fully understand your approach with the SL2, pretty cool stuff.

One thing I have noticed about the SL2 on the iPhone is that when you go to size up the window using a finger gesture it closes the lightbox because your finger touches outside the image/video. Any way to disable this in the action for iPhone and possibly the iPad? Definitely a feature that I like on on a regular browser.

Thanks_Dvae


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