Hi I am using carousel action for slideshow and I wonder if there is a way to see slideshow number kinda like picture 1 of 10 , next - picture 2 from 10 and so on ?
Thanks!
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
All you need to do is add that to each of your panes. Anything at all
can be rolled up into a Carousel (within reason – as long as all the
outermost panes are the same exact size). So if you’re moving from
picture to picture, just click once on a picture so it’s selected,
then choose the Graphic Item tool and draw a small box within the
bounds of the picture. (The edges of the picture box will light up in
blue to indicate that that is the parent object.) Double-click into
that little box and type your image number text. It will be burned
into the base photo, and you can position it anywhere, use any font/
color/size you like. Another approach is to do the same thing, except
with an HTML box instead of a Graphics box. Then you can have HTML
text for your image x of y message, which will be clearer and won’t
interfere with the compression quality of the underlying photo.
Because you drew the second box as a positioned child of the first,
they will animate together.
Walter
On May 24, 2011, at 10:16 AM, Vadim wrote:
Hi I am using carousel action for slideshow and I wonder if there is
a way to see slideshow number kinda like picture 1 of 10 , next -
picture 2 from 10 and so on ?Thanks!
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 advice, but unfortunately I need the “image counter” (so to say) text to appear BELOW the picture and for some reason I can’t do that (only inside the image boundary itself)
Any suggestions/solutions?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Simple. Start by removing the Carousel and Carousel Pane Actions from
your photos. Next, Draw a larger HTML box that is large enough to hold
both a photo and its text box. Apply the Carousel / Carousel Pane
Action to this box, not the photo. Drag the photo over the larger HTML
box, and as you do, press the spacebar to re-parent the photo to the
HTML box. Do the same for your x of y text box, or simply click once
on the HTML box, then draw the second HTML box over the top of the
first. Repeat for each of your panes. Now you can position the photo
anywhere within the larger HTML box, maybe get the HTML box to be just
large enough to hold both elements at the correct offset from one
another. Once you do this for all of the other panes you will be able
to see them animating the way you like. If you look at my original
example (linked from ActionsForge) you will see this effect in action.
Walter
On May 24, 2011, at 10:59 AM, Vadim wrote:
Great advice, but unfortunately I need the “image counter” (so to
say) text to appear BELOW the picture and for some reason I can’t do
that (only inside the image boundary itself)
Any suggestions/solutions?
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! Thanks! In other words I simply could create everything in Photoshop 
just save as png file.
Anyway
Thanks a lot!
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Making this as a PNG would work, of course, but you would only want to
do this if the text didn’t matter to your visitors. The other way I
described is basic HTML layout technique in Freeway – nothing exotic
or a waste of your time. It would probably take less time to do than I
have spent typing out directions for you – and I type REALLY fast.
Walter
On May 24, 2011, at 11:16 AM, Vadim wrote:
Great! Thanks! In other words I simply could create everything in
PhotoshopAnyway
Thanks a lot!
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
Agree! No photoshop then !
Even the whole idea is great, i found it a bit “unsophisticated” in term of that fact that text is bond to image and it moves with image. I dreamed that there is a solution that text stayed under the slideshow the whole time and just changes according to the slide/pane we see on screen at the moment.
But I am afraid that’s a limitation to Carousel itself. Right?
Anyway Thanks a lot Walter.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Anything is possible if you’re willing to break out a text editor and
hack on some JavaScript. Why don’t you post a link to your page, and
I’ll see if I can think of a simple way to do this. The Carousel
actually makes this pretty easy, because it emits JavaScript “events”
whenever it is interacted with. That’s how the tabs know which pane is
currently visible, for example.
Walter
On May 24, 2011, at 11:37 AM, Vadim wrote:
Agree! No photoshop then !Even the whole idea is great, i found it a bit “unsophisticated” in
term of that fact that text is bond to image and it moves with
image. I dreamed that there is a solution that text stayed under the
slideshow the whole time and just changes according to the slide/
pane we see on screen at the moment.
But I am afraid that’s a limitation to Carousel itself. Right?Anyway Thanks a lot Walter.
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
Here’s a solution to your problem. First, draw an HTML box where you
want your counter to appear, showing number/total options. While it’s
still selected (handles showing) change its Title in the Inspector to
‘counter’ (without the quotes).
Double-click inside this box and enter some placeholder text. Style it
how you like, but be sure when you do that you use a paragraph style,
not a normal inline style. This detail is easy to miss, and it will
make the text change style or not show any style if you miss this
part. (Paragraph styles can be easily spotted in Freeway because they
have a paragraph mark next to their name in the Styles palette list.
You can convert any existing style into a paragraph style by adding
some paragraph-specific style attribute to it – even something as
simple as changing Space Before to 0 will trigger this change.)
Apply the Protaculous Action to the page, and choose scriptaculous-
packed from the Library menu. Click on the top Function Body button
and paste in the following code:
Preview in a browser, and see what you see. You should see a line like
1/3
replacing the placeholder text, and as you navigate through the
carousel, either using the auto-glide or the various navigation
options, the numbers will update to read 2/3, 3/3 and then back to 1/3.
If you use this technique, you can only have one Carousel on the page.
I’ve hacked this feature into the base Glider object (the JavaScript
class that holds all the code for all carousels), rather than adding
it as an option to the individual animations on your page. If you need
it to be applicable to more than one carousel effect on the same page,
I can’t help you this way – the Action would have to be rewritten so
that you could apply the additional parameter to each carousel on your
page, and choose a unique element to update for each carousel.
Walter
On May 24, 2011, at 11:37 AM, Vadim wrote:
Agree! No photoshop then !Even the whole idea is great, i found it a bit “unsophisticated” in
term of that fact that text is bond to image and it moves with
image. I dreamed that there is a solution that text stayed under the
slideshow the whole time and just changes according to the slide/
pane we see on screen at the moment.
But I am afraid that’s a limitation to Carousel itself. Right?Anyway Thanks a lot Walter.
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 a million.
I will defenetelly do that.
Terrific advice.
It’s good that I only use one carousel on site
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
excellent post , It worked , only that the number are on a default black color and probably times as a font .
not the most attractive.
when I put my own text , its overrides it and shows me only the basic looking counter/
any way to style counter text?
best
NK
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Did you get the part about making sure that you style your placeholder text with a Paragraph style? When you select some text and apply styles through the Inspector, that’s not going to result in the type of style you need.
Walter
On Mar 3, 2014, at 6:32 PM, nitzanobi wrote:
excellent post , It worked , only that the number are on a default black color and probably times as a font .
not the most attractive.
when I put my own text , its overrides it and shows me only the basic looking counter/
any way to style counter text?
best
NK
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