Forum user: freshmint

Switch to an @font-face font and all troubles are solved. Really blows cufon/sifr out of the water. Just discovered the typekit powered google font library. "Where do they get these wonderful toys...."

Having a weird problem when using tabs in context with cufon font replacement.

Im using different font colors for normal, hover and .current which works fine until I turn on the cufon replacement....

once turned on, the text retains its current state color once its been added so if you click on one to another they all keep the .current class untill you hover over them and they reset.

Is there any way to force reset the css back to normal?

Is there any way to adjust the speed of the slide effect. Im using a very simple 3 pane accordion setup and the default speed runs a little too fast.

site in question:
http://foothilltree.com/?page_id=2

Thanks for the info... one last question, will this method work if the JS code is being loaded from an external file or does the php need to be on the actual page?

Still having this same issue

I realize this has been addressed on the forum but I have yet to find a simple example (ie: painfully simple for a noob) on how to link to a div inside a scrollable from another page. I have a very basic 4 div scrollable and would like to link to each div from a sub page ... my init code is as follows

$(document).ready(function() {
	// select #flowplanes and make it scrollable. use circular and navigator plugins
	$("#flowpanes").scrollable({size: 1, clickable: false}).circular().navigator({
		// select #flowtabs to be used as navigator
		navi: "#flowtabs",
		// select A tags inside the navigator to work as items (not direct children)
		naviItem: 'a',
		// assign "current" class name for the active A tag inside navigator
		activeClass: 'current'
	});
});

Any help would be great. Ive treid all the examples already covered in the form with no luck whatsoever

I moved the overlay div to the bottom of the page out of the #flowpanes wrapper div... everything works now

Try using wmode: opaque on the flash object

Just got it worked out, however I had to change over to using tabs instead of scrollable, so its not really fixed but FYI overlay and tabs work great!

I am using the overlay video with flowplayer code from the demo within a scrollable div. I am a problem getting the video to show up. When I click the "show overlayed video" button the overlay div comes up and I can hear the video but cannot see anything. Leads me to believe its some sort of positioning issue. When i place the overlay video code outside of scrollable everything works as expected. any ideas?

example at:http://www.freshmintdesign.com/nwo (click on the learn more tab to bring up button)

Im having the same problem combining scrollable with overlay...
Scrollable is working fine, overlay script brings up overlay window. I have a flowplayer embedded in my overlay. I can hear the video but cant see anything, just a blank white overlay box.

http://www.freshmintdesign.com/nwo

(click on the learn more tab to get to video area)

AHHHHH!

I've been fighting with this all day. I have a 4 div scrollable. In Div 2 I have three images which Id like to open three different overlays. Scrollable is functioning and the images are bringing up the overlay so the code is working... however, there is no content in the overlay box.

upon removing overflow:hidden from the #flowpanes div I can see all the panes and the images come up with the overlay but they are positioned outside of the box. When I return the overflow:hidden I go back to a blank white overlay box.

To view the problem site visit
http://www.freshmintdesign.com/nwo

click on the learn more tab and I have the apple overlay demo code in that div. Any help would be awesome

here is my init code:

$(document).ready(function() {
						   
	
						   
	// select #flowplanes and make it scrollable. use circular and navigator plugins
	$("#flowpanes").scrollable({size: 1, clickable: false}).circular().navigator({
		// select #flowtabs to be used as navigator
		navi: "#flowtabs",
		// select A tags inside the navigator to work as items (not direct children)
		naviItem: 'a',
		// assign "current" class name for the active A tag inside navigator
		activeClass: 'current',
		
	});
	$("#triggers img[rel]").overlay({effect: 'apple'});
	
});