[Express] Showcase Gallery

Freeway
1

I would like to create an image gallery similiar to the one here: http://www.kettlejuan.com/Long_Beach_Fitness/Gallery.html

I used FancyBox (with Iweb) to create it.

I tried using Showcase with Freeway and do not like the layout of it. I want the thumbnails to line up next to each other no matter the orientation of the image (potrait/landscape).

I have 2 questions–

  1. Is there a way to customize the gallery in Showcase to make it look more like the sample link?

  2. I tried using the HTML Markup code from Iweb in Freeway. It worked except instead of a black background (which is the setting for the page in Freeway), the Fancybox gallery makes the background of the page in Freeway white. Does anyone know how I can change it to make the whole page background black?

Thanks!

http://www.kettlejuan.com/Long_Beach_Fitness/Gallery.html

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

2

Here’s the code from Fancybox that I pulled from IWeb–
Can anyone see where I can modify the code so when I put this in Freeway, it doesn’t turn my page white? I want it to be black blackground (default on Freeway page).

#photo-fbcontainer{ /*widget_width*/width:910px; /*widget_height*/height:520px; } #photo-fbcontainer ul {list-style: none;margin: 0;padding: 0;} #photo-fbcontainer li {/*thumb_margin*/margin:5px;padding: 0;float: left;} #photo-fbcontainer ul li img {display: none;border: none;} .thumb-container,.thumb-inner,.thumb-img {border: none;display: block;width: 100%;height: 100%;margin: 0;padding: 0;overflow: hidden;position: relative;} .thumb-container {border: none;/*thumb_width*/width:120px;/*thumb_height*/height:120px;margin: 0;padding: 0;} .thumb-container a,.thumb-container img {border: none;margin: 0;padding: 0;} .thumb-center img,.thumb-strip,.thumb-icon {margin: 0;padding: 0;border: none;position: absolute;} .thumb-center img {border: none;margin: 0;padding: 0;} .shadow { -webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; } img.shadow { padding: 5px; background: #fff; margin-bottom: 2px; border: 1px solid #e2e2e2; position: relative; }

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

3

Forget it! I figured it out! Thanks anyway!

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