[Pro] ScriptyLightbox - Settings and Control

Freeway
1

Hi all,

seems to be the “Lightbox-day” today.

Now - cause I need control over a few ScriptyLightbox-settings (colors and opacity) I thought to create a few styles in Freeway. These are the following:

#lightwindow_contents { border:10px solid black }
#lightwindow_loading { background-color:black }
#lightwindow_overlay { background-color:#f90; opacity:.60; filter:alpha(opacity=60) }

I was very happy, that the “operation” worked in Fox very well, but Safari (and Opera) won’t accept these styles entirely.

The #lightwindow_contents and #lightwindow_loading yes, but the (more important) #lightwindow_overlay not.

The “Testpage (only the first image is active)” is:

http://www.kimmich-dm.de/kunden/michaelmeier2/concept-art.html

I’d be very happy if someone could have an eye on.

Second Question:

Walter, you said somewhere else, that the Prev/Next Event caused some irritations so you throw it out. Is there a chance of a workaround or do we have to live with the “Single Images”?

Thanks in advance

Cheers

Thomas

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

2

Try changing the opacity setting to 0.6 rather than just .6. Firefox
seems to be silently correcting that for you when I look in Firebug.
Also try it without the WIndows Alpha Filter business, just as a
debugging step, and see if it works then. You may have a syntax error
in that part.

Walter

On Oct 27, 2010, at 5:08 AM, Thomas Kimmich wrote:

Hi all,

seems to be the “Lightbox-day” today.

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

3

Hi Walter and thanks for your reply.

Did it with no changings of the situation.

Well - to control this is a project need, so I pray you got another ace behind you.

Thomas

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

4

Well, then. The Ace is probably going to be the !important flag.
Imagine the following:

<style type="text/css">
.foo { color:red; }
</style>
<p class="foo" style="color:blue">Text</p>

Even though the paragraph has the classname “foo”, the text will be
blue, because the style tag inside the element overrides that. Now,
look at this one:

<style type="text/css">
.foo { color:red !important; }
</style>
<p class="foo" style="color:blue">Text</p>

Here, the text will be red, since adding !important is like adding
1,000 to the CSS “weight” of that selector.

Another, more specific selector could still override it, but it would
also have to have !important in its declaration. Note that each
attribute needs a separate !important. If you’re making your style in
Freeway, you’ll have to use the Edit Style / Extended interface for
each attribute – there’s no way to mark a style as important in the
regular clicky-clicky interface.

If this doesn’t work, then there’s something named wrong somewhere,
and I’m too blind to spot it.

Walter

On Oct 27, 2010, at 10:07 AM, Thomas Kimmich wrote:

Hi Walter and thanks for your reply.

Did it with no changings of the situation.

Well - to control this is a project need, so I pray you got another
ace behind you.

Thomas

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

5

Walter,

after trying this with no further success, could it be that I deal with the wrong “style”, so #lightwindow_overlay is not the primary target to control color and opacity but another one? And if - whatelse to choose?

Thanks

Thomas

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

6

What about changing michaelmeier2/Resources/black.png to a red.png instead if its a red effect you are after.

D

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

7

Hi David,

this sounds logic, yes - but please keep in mind here, that the black.png is created “through the action” by default. Will mean in consequence to manipulate “actions package content” what seems to be not logic anymore.

However I gave it a try and removed it from resources manually (just to see what happens) - and no changings. I suppose this .png is dedicated to something else (IE V whatever and its massive strength displaying tranparency :-)).

I understand that all Action-Developper have to look on safety first, compitability and security - but to manipulate degree of color and opacity should not be the deal and could be part of action settings itself. ScriptyLightbox is what it is - 100% working on its limited amount.

Another problem is, that I see actually no alternative to it cause using Carousel basically breaks by using any other “lightboxes” like MagicThumb or Slimbox. So it is hard to explain customer to leave it as it is where others for sure would have an alternative.

So I stuck here and would be happy on every advice cause a customer like this does not come weekly into my small “one-nose-cottage”.

Cheers

Thomas

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

8

… OK something to add.

I ever thought “99% of the mistakes are sitting in front of the screen” and I still believe.

But it is the second time now, that I complaint and failed. Just for protocol, the first time sphider not sphidering my own host (24 hours later it did) and now this.

It seems to work - and do not know why and how.

So I never will complain any more (… or should I to repair things automagically?)

These are the settings I actually have:

#lightwindow_contents { border:10px solid black }
#lightwindow_loading { background-color:black }
#lightwindow_overlay { opacity:0.25 !important; background-color:black !important }

… and I hope, that you can see it working as well.

Cheers

Thomas

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

9

Hi Thomas. I would like to style Scriptylightbox and also Spawn New Window. I am interested in instructions where and how to create and apply the styles as you’ve mentioned here.

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

10

Figured it out for those who might like to know. Hopefully this will work okay.

Write the appropriate css into Page menu, HTML Markup… Before

Something like this (this one actually styles the border of SpawnNewWindow action):

#iFrameHolder { border: solid #000000 10px !important; }

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

11

Another interesting bit of info that may help someone . . . I copied the css in the previous post and pasted into another page and nothing happened. Messed around troubleshooting on and off for hours over several days. How frustrating. Finally noticed while viewing page source there were extra characters showing here => type=zw%"text/css"zt% or something like this. It appears to me the copy and paste from the forum post translates the quotes part differently. Solution . . . retype the plain text code and presto . . . all’s well.

Sorry, I don’t know the technical jargon for this stuff and hope this helps for those who run into the same. I am, however, pleased that my knowledge is gradually increasing and I found the solution on my own.

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