Forum user: bitman

When you close an overlay, it currently fades out.

Is there a way to close the overlay immediately? (no fadeout)

My code that opens the overlay...

$("#foo").overlay({
	top: '15%',
	mask: {
		color: '#111111', 
		loadSpeed: 0, 
		opacity: 0.50
	},
	closeOnClick: true,
	speed: 0,
	load: true,
	api: true
}).load();

My code that closes it...

$("#foo").overlay().close();

Thomas,

Great to hear... looking forward to the release.

Hopefully that includes manually adding cuepoints to audio playbacks.

If so, we'll definitely purchase a commercial license. This would really allow us to transition our social learning games to mobile.

Thomas, let us know what you find... thanks!

I'd be thrilled if you could at least manually add cuepoints to audio playbacks and have them run on iPad/iPhone.

Thanks for pointing that out.

Not sure if you can embed cuepoints into audio... but we've been manually adding cuepoints to audio playbacks for over a year and they work quite well (at least for us):

onCuepoint: [[time, time, time], function(clip, cuepoint) {}]

I took a look at the iPad script (good idea). Maybe my request should be for addCuepoints to be installed... it's currently installed as a dummy function that gives an error (line 502).

We use the audio plugin + manual cuepoints pretty heavily for our social learning games (they help present users with interactive forms at specific spots in the playback). Being able to have this same interactivity on the iPhone/iPad would be great.

Wow, that would be great. Are you able to call flowplayer api functions (onPause, onCuePoint, etc)?

No, I haven't tested it... mostly based on Ansii's comment:
http://flowplayer.org/forum/4/48736

I'll setup a minimal sample page this afternoon...

Would be terrific if the audio plugin was compatible with iPhone/iPad. Hopefully this would also expose the flowplayer api to javascript.

If iPhone plugin ever works with audio plugin in future version, would be great if flowplayer api continued to be exposed through javascript (especially cuepoints).

Btw, great work with these this new version (3.2.3).

Does anybody have simple css for adding that little callout "triangle" underneath tooltips? For example, hit the Subscribe button at the top of this YouTube page:

http://www.youtube.com/watch?v=3twv7ye_I-A

Thanks.

Anssi, thanks for the update.

If you do, you'll have a customer for life :-)

We currently use the flowplayer audio plugin.

Will adding .ipad() allow our mp3 to playback on iPhone/iPad?

kaiiserni,

I like this approach... I'll give it a shot.

Thanks for the insight.

I'm trying to dynamically change the overlay bgcolor and opacity.

It works fine the first time I call the function. However, overlay doesn't seem to "clear" the original values if the function is run with different params.

Can anybody explain what I'm doing wrong?

function showOverlay(modaltype) {

  // set url and dimensions
  if (modaltype == "basic") {
     modal_bgcolor = "#55555";
     modal_opacity = 0.50;
  }
  else if (modaltype == "advanced") {
     modal_bgcolor = "#222222";
     modal_opacity = 0.10;
  }
  else {
     modal_bgcolor = "#fffff";
     modal_opacity = 0.90;
  }

  // test
  alert(modal_bgcolor);

  // show overlay
  $("#container").overlay({
     expose: {
        top: 'center',
        color: modal_bgcolor, 
        speed: '0', 
        opacity: modal_opacity
     },
     closeOnClick: true,
     load: true,
     api: true,
     oneInstance: false
  }).load();

}

The external page I'm loading into overlay can be kinda slow. Is there any way to display a spinner in the overlay DIV until the external page renders? For example:

- User clicks button
- Overlay displays immediately ... but w/ a spinner in the main content area.
- Spinner disappears when external page renders

Thanks.

Setting the width to auto won't scale the background image. This means text can spill over the boundaries if you're not careful.

In other words, I don't think these tooltips can behave like YouTube tooltips where the background somehow auto-scales to the width of the text.

Would enjoy being wrong here :-)

Is it possible to change the WMODE property using Javascript?

$f("audio", {src: 'flowplayer-3.1.5.swf', wmode: 'window'}, {...}

I want to change the property to "transparent" after pageload.

Tried poking around the flowplayer javascript api with no luck.