# \[Pro\] FancyBox help

**URL:** <https://discourse.softpress.com/t/pro-fancybox-help/6645>\
**Category:** Freeway\
**Created:** [January 19, 2010, 12:03am UTC](https://discourse.softpress.com/t/pro-fancybox-help/6645 "2010-01-19T00:03:43Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![Grasshopper](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/g/f19dbf/32.png) [@Grasshopper](https://discourse.softpress.com/u/Grasshopper)\
**Post date:** [January 19, 2010, 12:03am UTC](https://discourse.softpress.com/t/pro-fancybox-help/6645/1 "2010-01-19T00:03:43Z")

</div>

Has anybody successfully used FancyBox with FW before. It’s similar to FancyZoom but I’m not smart enough to get this to work with FW

Here’s a link to FancyBox - [Fancybox - Fancy jQuery lightbox alternative](http://fancybox.net/home).

Cheers, Marcel

* * *

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

---

<div class="post-metadata">

**Author:** ![David\_McCallum](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/ec9cab/32.png) [@David\_McCallum](https://discourse.softpress.com/u/David_McCallum)\
**Post date:** [January 19, 2010, 3:01pm UTC](https://discourse.softpress.com/t/pro-fancybox-help/6645/2 "2010-01-19T15:01:54Z")

</div>

Remember that if you use FancyBox (JQuery based) on a FW page it wont co-exist with FW native scriptaculous/protaculous effects

It looks easy enough - does it do anything that FancyZoom doesn’t

and remember there is ScriptyLightbox as well [ScriptyLightbox - ActionsForge](http://www.actionsforge.com/actions/view/153-scriptylightbox)

David

* * *

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

---

<div class="post-metadata">

**Author:** ![Grasshopper](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/g/f19dbf/32.png) [@Grasshopper](https://discourse.softpress.com/u/Grasshopper)\
**Post date:** [January 19, 2010, 3:13pm UTC](https://discourse.softpress.com/t/pro-fancybox-help/6645/3 "2010-01-19T15:13:20Z")

</div>

FancyBox can do a gallery of images plus other media like video etc.

I do like the convenience of ScriptyLightbox but it seems to load slow and there is no external css file to change the appearance of the light box.

Marcel

* * *

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

---

<div class="post-metadata">

**Author:** ![David\_McCallum](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/ec9cab/32.png) [@David\_McCallum](https://discourse.softpress.com/u/David_McCallum)\
**Post date:** [January 19, 2010, 3:44pm UTC](https://discourse.softpress.com/t/pro-fancybox-help/6645/4 "2010-01-19T15:44:53Z")

</div>

> no external css file to change the appearance of the light box

No but you can add styles to your FW page to do this for you such as

```auto
a#lightwindow_title_bar_close_link

```

and

```auto
#lightwindow_title_bar_title

```

ScriptyLB wont do a gallery but will do other media

David

* * *

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

---

<div class="post-metadata">

**Author:** ![David\_McCallum](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/ec9cab/32.png) [@David\_McCallum](https://discourse.softpress.com/u/David_McCallum)\
**Post date:** [January 19, 2010, 3:50pm UTC](https://discourse.softpress.com/t/pro-fancybox-help/6645/5 "2010-01-19T15:50:36Z")

</div>

And there is always Weavers MooTools suite [http://www.coastalrugs.com/Actions/mootoolssuite.html](http://www.coastalrugs.com/Actions/mootoolssuite.html)

Again not happy with script/protaculous but if you are considering JQuery…

D

* * *

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

---

<div class="post-metadata">

**Author:** ![Grasshopper](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/g/f19dbf/32.png) [@Grasshopper](https://discourse.softpress.com/u/Grasshopper)\
**Post date:** [January 19, 2010, 6:03pm UTC](https://discourse.softpress.com/t/pro-fancybox-help/6645/6 "2010-01-19T18:03:53Z")

</div>

David thanks I will give the styles for Scripty a whirl.

I have used both Scripty LB and Weaver’s Moo with great success. I like the simplicity of FancyZoom and was thinking FancyBox will be that simple to implement as well

Cheers, Marcel

* * *

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

---

<div class="post-metadata">

**Author:** ![David\_McCallum](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/ec9cab/32.png) [@David\_McCallum](https://discourse.softpress.com/u/David_McCallum)\
**Post date:** [January 19, 2010, 7:04pm UTC](https://discourse.softpress.com/t/pro-fancybox-help/6645/7 "2010-01-19T19:04:55Z")

</div>

I have had a quick look and it does not appear to be as easy as FancyZoom

> David thanks I will give the styles for Scripty a whirl.

Have a look in the lightwindow.css file and you will see all the styles there that you can fiddle with.

David

* * *

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

---

<div class="post-metadata">

**Author:** ![waltd](https://discourse.softpress.com/user_avatar/discourse.softpress.com/waltd/32/2720_2.png) [@waltd](https://discourse.softpress.com/u/waltd)\
**Post date:** [January 19, 2010, 7:14pm UTC](https://discourse.softpress.com/t/pro-fancybox-help/6645/8 "2010-01-19T19:14:24Z")

</div>

Just remember to add your fixes in Freeway’s Page / HTML Markup dialog  
in the Before /HEAD section. If you try editing lightwindow.css  
directly, the styles you change will be overwritten by Freeway the  
next time you publish, using the “clean” original version from the  
Action bundle.

Walter

On Jan 19, 2010, at 2:04 PM, DeltaDave wrote:

> I have had a quick look and it does not appear to be as easy as  
> FancyZoom
> 
> > David thanks I will give the styles for Scripty a whirl.
> 
> Have a look in the lightwindow.css file and you will see all the  
> styles there that you can fiddle with.
> 
> David
> 
> * * *
> 
> freewaytalk mailing list  
> email@hidden  
> Update your subscriptions at:  
> [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

* * *

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

---

<div class="post-metadata">

**Author:** ![David\_McCallum](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/ec9cab/32.png) [@David\_McCallum](https://discourse.softpress.com/u/David_McCallum)\
**Post date:** [January 19, 2010, 7:28pm UTC](https://discourse.softpress.com/t/pro-fancybox-help/6645/9 "2010-01-19T19:28:46Z")

</div>

Or you can create a new Tag style like those above ie #lightwindow\_title\_bar\_title in FW’s style palette and it should work fine.

David

* * *

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

---

<div class="post-metadata">

**Author:** ![Grasshopper](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/g/f19dbf/32.png) [@Grasshopper](https://discourse.softpress.com/u/Grasshopper)\
**Post date:** [January 19, 2010, 8:10pm UTC](https://discourse.softpress.com/t/pro-fancybox-help/6645/10 "2010-01-19T20:10:21Z")

</div>

Thanks Walt and Dave

I’ve messed around quite a bit with the LightWindow css file to get the desired look

Marcel

* * *

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

---

<div class="post-metadata">

**Author:** ![David\_McCallum](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/ec9cab/32.png) [@David\_McCallum](https://discourse.softpress.com/u/David_McCallum)\
**Post date:** [January 19, 2010, 8:14pm UTC](https://discourse.softpress.com/t/pro-fancybox-help/6645/11 "2010-01-19T20:14:46Z")

</div>

Note Walters comment about it being overwritten when you reupload!

Do it in Page HTML Markup or as a Tag style so it isn’t overwritten every time.

D

* * *

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

---

<div class="post-metadata">

**Author:** ![David\_McCallum](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/ec9cab/32.png) [@David\_McCallum](https://discourse.softpress.com/u/David_McCallum)\
**Post date:** [January 19, 2010, 8:22pm UTC](https://discourse.softpress.com/t/pro-fancybox-help/6645/12 "2010-01-19T20:22:02Z")

</div>

Or I suppose you could rewrite the file at /Library/Application Support/Freeway 5/Actions/ScriptyLightbox.fwactionb/Contents/Resources/Actions/lightwindow.css

If that is allowed Walter? But it would change it for every instance where you used the action.

David

* * *

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

---

<div class="post-metadata">

**Author:** ![waltd](https://discourse.softpress.com/user_avatar/discourse.softpress.com/waltd/32/2720_2.png) [@waltd](https://discourse.softpress.com/u/waltd)\
**Post date:** [January 19, 2010, 8:55pm UTC](https://discourse.softpress.com/t/pro-fancybox-help/6645/13 "2010-01-19T20:55:57Z")

</div>

It would change it for every time you publish from the modified  
Action, and you would have to track changes on this file when I update  
the Action.

You might also try using the External Stylesheet Action to attach a  
second stylesheet to the page that sets different defaults for the  
lightwindow elements.

I say try, because I’m not at all sure which one of these Actions  
would run first. Order of operation would influence which stylesheet  
held sway, since the last sheet to define a particular rule “wins”.

Walter

On Jan 19, 2010, at 3:22 PM, DeltaDave wrote:

> Or I suppose you could rewrite the file at /Library/Application  
> Support/Freeway 5/Actions/ScriptyLightbox.fwactionb/Contents/  
> Resources/Actions/lightwindow.css
> 
> If that is allowed Walter? But it would change it for every instance  
> where you used the action.
> 
> David
> 
> * * *
> 
> freewaytalk mailing list  
> email@hidden  
> Update your subscriptions at:  
> [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

* * *

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

---

<div class="post-metadata">

**Author:** ![Grasshopper](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/g/f19dbf/32.png) [@Grasshopper](https://discourse.softpress.com/u/Grasshopper)\
**Post date:** [January 20, 2010, 12:12am UTC](https://discourse.softpress.com/t/pro-fancybox-help/6645/14 "2010-01-20T00:12:25Z")

</div>

> Or I suppose you could rewrite the file at /Library/Application Support/Freeway 5/Actions/ScriptyLightbox.fwactionb/Contents/Resources/Actions/lightwindow.css

I messed around with that the first time I tried it and realized it will become a logistics nightmare keeping track of it.

Marcel

* * *

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