What is the non-hacking way of using:
github.com/davatron5000/FitVids.js

with the Zen Grid Framework V2?

Hey there,

You can add both custom .js files and custom .css to the user folder of your template. The framework will load them from there.

That worked to load the javascript library.

However, I'd need to introduce some code into the document ready function of jquery. Is that possible? I've tried putting:andin the "Extra scripts" configuration tab of the template and in both cases it only works if the "Load scripts at the bottom of the page?" setting is enabled.

thanks

Hi there,

You can add that without the document ready in the js/template.js file. The Extra Scripts option should work though. You may need to add the <script tags around that code as well.

Let us know if that helps.

Anthony

Ok. I guess that's the most elegant way of making it work.

Saving fitVids.js into the user folder and writinginside the document ready function in js/template.js, it works even if I disable the "Load scripts at the bottom of the page?" option.

BUT, I've just seen a problem with the sticky menu bar and the embedded youtube. Just look at prototip.psuc.org
If you scroll down with Firefox, Safari, Chrome or IE (latest versions) in Windows, the embedded video overlaps the sticky menu bar. Firefox, Safari and Chrome on Mac work as expected, with the sticky menu bar overlapping everything (including the video).

Thanks

Cool thanks.

I can't quite see that here but if you add this to the css/theme.css file does that fix the issue?

#right .moduletable {
z-index: 1;position: relative;
}

Thanks Anthony

No. It doesn't solve it.

Ok thanks.

Can you create a ticket with ftp details so we can take a look.

Thanks.

It got solved by addingto the URL inside YouTube's iframe and removingfrom theme.css (i.e.: getting back to the original theme.css)
Thanks

Thanks for letting us know.