How can I achieve this in Freeway?

Hi there,

I came across this site and it seems to use a javascript action to achieve this slide effect.

http://www.thehousegallery.co.uk/artists.html

I can create something similar with Mootools ‘effect on load’ but doesn’t seem to like a slightly transparent background and I need to mask off where the object starts. Is there a better way of doing this?

Thanks
Jon


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

No - This is done using Flash

David


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

Ahh ok cheers.

Any ideas how this can be done with Javascript or a freeway action? Its nice the way the box opens and closes… bit like a horizontal accordion.

Jon


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

I am sure that something similar could be achieved with script/protaculous.

Walter! Are you listening?

My thought would be to have a carousel on top of a slideshow using sequence timer

David


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

In regards to the transparency: no problem to create that with a PNG on ‘millions’. I am just working on a website where I use transparency: www.youngfocus.nl/test . In the transparent areas you’ll see later the menu (click on one of the three headings below the photos). I assume we are getting close to the effect right?

Paul


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

PNG… of course! DOH! That certainly solves the transparency prob. Still trying to work out how to achieve a horizontal accordion effect that can open and close draws.

Cheers
Jon


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

Note to set it on ‘millions’! Otherwise you won’t hae that transparency.
Mootools action has a left and right option but only on load I think?
Why not fooling the box by turning it 90 degrees, or am I just being funny?

Paul


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

Great Idea… but doesn’t seem to like it I’m afraid. I tried it with Mootools and also Scriptaculous… doesn’t seem to like rotating html boxes… but will keep playing and see what happens.

By setting PNG to millions will that affect who can view the page? I know most people have millions of colours these days but I still tend to use thousands just in case!

Cheers again.


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

That’s the thing: As far as I know, PNG only creates the nice transparencies when you choose ‘millions’, but, again… I am a FW user who learns more on this forum than contributes :slight_smile: This might be even the first time…


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

Have a look at this and see if it is close to what you want.

http://www.deltadzine.net/jerry/carouselslide.html

David


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

I have done a website with carusel as well before (www.healthschool.nl) - but haven’t done anything with the combination of carousel + transparencies. No problem?

Paul


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

The PNG format has two flavors: PNG-8 and PNG-24.

PNG-8 is a slightly nicer form of GIF, without the patent implications and with a few additional goodies. It allows you to create a palette of 256 colors out of the millions in the 24-bit color “space”, one or more of which may be designated as fully transparent, and use them to describe a picture.

PNG-24 is actually a misnomer – it’s more like PNG-32. PNG-24 has 24 bits of color (8 per primary) for each pixel, plus another 8 bits for an alpha (transparency) mask. Each pixel may be one of millions of different colors, at 256 different levels of opacity. This allows the PNG-24 format to have soft shadows that don’t obscure what’s beneath them, or to create hazy semi-opaque effects such as those in your example site.

The old Millions vs. Thousands battle was over quite a few years ago, the creakiest old equipment that you will see in use today has at minimum the ability to display 24-bit color, the only variations you will see now are with overall pixel dimensions and additional hoohah to do rapid animations on the fly.

In Freeway, there is a thousands/millions preference in the Document Setup, but that has to do with how “nice” of a preview image Freeway will store within the Freeway document itself (for your convenience, never published except under duress). Millions in this particular case makes for a larger file/better looking/potentially slower experience for YOU, it has no bearing at all on the visitor to your site.

What you may have heard regarding PNG-24 and lesser (cough, IE) browsers is the fact that IE < 8 doesn’t deal well with transparency in PNG images. Freeway has a built-in mechanism for dealing with this, and it properly puts all the burden of fixing things on the bad browser, by requiring JavaScript and an HTC filter to put things right. At the very worst case, the image will display, but any transparent areas will render as a pale gray, and any semi-transparent areas will simply render as opaque.

Walter

On Jan 27, 2009, at 8:54 AM, wingnut wrote:

By setting PNG to millions will that affect who can view the page? I know most people have millions of colours these days but I still tend to use thousands just in case!


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

Cheers guys,

Certainly helps alot. Cheers Dave for doing that visual… seems to make perfect sense. I’ll give it a go and see what happens.


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

I am a bit confused: if I understood well what Walter is saying is that the millions setting is only for US for preview. If I change the items I made for transparencies and shadows into a ‘normal’ PNG24 I loose the effects completely (not in the preview only but also on the website itself)/
Or, do I misunderstand something?

Paul


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

If you choose PNG-24 for your output (PNG + Millions of colors in the
Freeway parlance) then you get all the crayons in the box, plus soft
shadows. If you enable Freeway’s IE-patching system, then even lowly
IE can see the glory that is a 24-bit PNG with an 8-bit alpha channel.

Inside of Freeway’s design environment, you may choose to use a 16-bit
(thousands of colors) or 24-bit (millions of colors) color scheme to
create the internal preview images (proxies) that Freeway uses within
its interface to represent the external images you place in your
layout. These proxies are mere stand-ins, and are only ever used for
image matter if you are unlucky enough to completely lose your
originals. Otherwise, their only purpose in life is to be a stand-in
for the original – smaller in file size than the original – so that
you can fling around multi-gigabyte originals as if they were piñatas.

Everything in Freeway happens at a remove. When you drag an image from
the Finder into your page, you are recording an Alias-like link to
that original in your Freeway document. Freeway slurps up the image
data, creates a sub-sampled proxy of the original as a place-holder,
and stores that in the document along with that link to the original.
When you resize the image in Freeway’s design view, Freeway only
stores the new image geometry, not the resized image. When you
publish, this geometry information is checked for changes since the
last time you published, and if it’s different, then a new image is
calculated from the original image data, to the specifications set by
your document. If the external (original) image is edited in
Photoshop, the next time you publish, Freeway will notice the
difference in timestamp and update both the internal proxy and the
output resampled image. It’s a very flexible and fast way to work,
since you never have to worry about anything being out of date.

Walter

On Jan 27, 2009, at 5:17 PM, paulvw wrote:

I am a bit confused: if I understood well what Walter is saying is
that the millions setting is only for US for preview. If I change
the items I made for transparencies and shadows into a ‘normal’
PNG24 I loose the effects completely (not in the preview only but
also on the website itself)/
Or, do I misunderstand something?

Paul


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

Ah…That clarifies it. Thanks again!

It sounds liek you actually developped FW yourself :wink:


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