Scripty Lightbox or Showcase?

Which gallery loads faster or gives me a smaller file on load:
Showcase or Scripty Lightbox?

I’m working in a page that’s enough big already and I don’t want to increase its size too much. The gallery will include about 6 images at most.

Please let me know.
Thanks in advance!

Marcus


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

The gallery will include about 6 images at most.

The amount of images is not crucial - rather the size of them.

6 images should be fine especially if they are pruned in size.
But post a link to your page so that we can see how big it is already

David


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

Hello David,
The page is the one with the carousel style you saw another day. I’ve reduced the size of most of the images, converted most png to gif, etc but it maybe stil big…

The page has a slideshow on the first panel already but the new one will be on the third panel (services). The pictures are already there, but client want the feature to click to see them bigger. That’s why I thought of these two options.

Here’s the link:
http://www.sunshinedoorsspecialists.com/new/site/index.html

or this direct one, direct to panel 3:
http://www.sunshinedoorsspecialists.com/new/site/index.html#panel-3

best,
Marcus

On Mar 29, 2011, at 4:52 PM, DeltaDave wrote:

The gallery will include about 6 images at most.

The amount of images is not crucial - rather the size of them.

6 images should be fine especially if they are pruned in size.
But post a link to your page so that we can see how big it is already

David


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

I don’t believe it will matter either way. Both of these Actions
produce a “lazy-loading” overlay effect. The large image file isn’t
loaded until it’s requested by the user clicking on the thumbnail.
That’s the point of these sorts of effects. The main page loads
quickly, because those thumbnails are eentsy.

Walter

On Mar 29, 2011, at 4:52 PM, DeltaDave wrote:

The gallery will include about 6 images at most.

The amount of images is not crucial - rather the size of them.

6 images should be fine especially if they are pruned in size.
But post a link to your page so that we can see how big it is already

David


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

Great, Walter. Thank You!

Marcus

On Mar 29, 2011, at 5:04 PM, Walter Lee Davis wrote:

I don’t believe it will matter either way. Both of these Actions produce a “lazy-loading” overlay effect. The large image file isn’t loaded until it’s requested by the user clicking on the thumbnail. That’s the point of these sorts of effects. The main page loads quickly, because those thumbnails are eentsy.

Walter

On Mar 29, 2011, at 4:52 PM, DeltaDave wrote:

The gallery will include about 6 images at most.

The amount of images is not crucial - rather the size of them.

6 images should be fine especially if they are pruned in size.
But post a link to your page so that we can see how big it is already

David


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


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

You can definitely still reduce file sizes

panels2.png is 172K whereas background8.jpg (because it is a jpeg) is only 92K and has greater dimensions.

Make panels2 a jpeg as well.

And the slideshow pics could be reduced as well.

The page is over 2Mb just now - I am sure that you could shave off 0.5Mb

D


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

David,

thanks a lot for the advice! I tried to reduce the jpg images I’m using in the slideshow, but have no idea why they have different sizes if they have the same resolution and pixels.

best,
Marcus

On Mar 29, 2011, at 5:50 PM, DeltaDave wrote:

You can definitely still reduce file sizes

panels2.png is 172K whereas background8.jpg (because it is a jpeg) is only 92K and has greater dimensions.

Make panels2 a jpeg as well.

And the slideshow pics could be reduced as well.

The page is over 2Mb just now - I am sure that you could shave off 0.5Mb

D


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

they have different sizes if they have the same resolution and pixels.

You can adjust the jpeg compression to reduce file size more.

D


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

Hi David!

I think I did it. I’ve just checked at the Safari’s developer menu but have no idea where to check the size of the page…

On Mar 29, 2011, at 7:07 PM, DeltaDave wrote:

they have different sizes if they have the same resolution and pixels.

You can adjust the jpeg compression to reduce file size more.

D


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

Is it resource>size?

On Mar 29, 2011, at 8:05 PM, Valerio Do Carmo wrote:

Hi David!

I think I did it. I’ve just checked at the Safari’s developer menu but have no idea where to check the size of the page…

On Mar 29, 2011, at 7:07 PM, DeltaDave wrote:

they have different sizes if they have the same resolution and pixels.

You can adjust the jpeg compression to reduce file size more.

D


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


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

Right click on your page>Inspect Element. Then click Resources and the Size icon to show total page size + individual file sizes.

Not all the images will show necessarily until they have played.

D


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

Good! It’s down from 2 MB to 1.75…
I’ll keep looking how to reduce it

Thanks again, David!

On Mar 29, 2011, at 8:27 PM, DeltaDave wrote:

Right click on your page>Inspect Element. Then click Resources and the Size icon to show total page size + individual file sizes.

Not all the images will show necessarily until they have played.

D


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

Marcus,

Great looking design.
Wondering…how do get the header across the entire width of the page…(nebie question).

Then, is the rest in a wrap ??

Curious,

Rich


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

Hi Rich,

Thank You! I’ve been working hard on this design for the last couple of weeks…

There are many ways to make a background, header or a footer to extend across the entire page and there’s a lot of people over here much more expert than me in Freeway and web design. I’ve been designer for print many many years but to tell you the truth, just started as web designer last October 2010. Freeway made it possible! :slight_smile:

In order to get, either the header, the footer or an entire background across the entire page like the one I did, you have to create it first in Photoshop the way you want it too look. If you also want to add a particular background that extends across the entire browser you need to created it together and the high of the the background in Photoshop need to match the high of the page. It doesn’t need to be really wide. Let’s suppose you create a page 960 px high. Then you create a file 266 px wide X 960 px high and save it with 72 dpi as RGB JPG. for example.

In Freeway go to Inspector > page appearance settings > image and then choose the image you created to import it. Select Horizontal (tile) and Vertical (top). Go to General page setting in Inspector and select Align (center).Basically, that’s it. When you preview you’ll see the same effect.

I hope it helps,
Good luck!

Marcus

On Mar 29, 2011, at 9:16 PM, sampolfonz wrote:

Marcus,

Great looking design.
Wondering…how do get the header across the entire width of the page…(nebie question).

Then, is the rest in a wrap ??

Curious,

Rich


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

Oh, I forgot the another question you had.
The rest of the page I did is an action called “carousel”, created by Walter Davis You can find it here:
http://www.actionsforge.com/actions/view/15-carousel

It’s a great tool!

regards,

Marcus

On Mar 29, 2011, at 9:16 PM, sampolfonz wrote:

Marcus,

Great looking design.
Wondering…how do get the header across the entire width of the page…(nebie question).

Then, is the rest in a wrap ??

Curious,

Rich


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

Thanks, Marcus.

I, too come from a newspaper and radio commercial production advertising background. The web thing is new to me as well.

The folks on this forum have been really great to offer suggestions and I am getting a few customers.

Thanks for the info !!

Rich


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

At 18:00 -0400 29/3/11, Valerio Do Carmo wrote:

David,

thanks a lot for the advice! I tried to reduce the jpg images I’m
using in the slideshow, but have no idea why they have different
sizes if they have the same resolution and pixels.

There will only be a direct relationship between pixels and file size
in basic un-optimised formats. In most practical formats file size is
related to the complexity of the image. A jpg of a large area of a
single colour will have a small file size.

David


David Ledger - Freelance Unix Sysadmin in the UK.
HP-UX specialist of hpUG technical user group (www.hpug.org.uk)
email@hidden
www.ivdcs.co.uk


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