Posted by dotman on April 16, 2012 at 5:11pm
i'm themeing a site using Omega 3.x and the html 5 kit, and I need to have responsive youtub and vimeo vids in both the content and sidebar area's. Fitvids seems to be what people are using but i cannot find any examples for non-coders on how to get this working.
I searched for a good tutorial on getting this to work with no luck, and would really appreciate some help getting the vids into blocks for my regions. thank you in advance.
Comments
since i remember was mostly
since i remember was mostly dl & en module and copy jquery.fitvids.js to module directory: sites/all/modules/fitvids/
then set the Video containers at: admin/config/media/fitvids
--
http://jmolivas.com/
@jmolivas
I've got FitVids running on a
I've got FitVids running on a site with very little, if any, customization. Just install the module, enable it and make sure to add the jquery.fitvids.js to your libraries directory so it can find it at libraries/fitvids/jquery.fitvids.js.
It should pick up embedded vimeo and youtube videos automatically...at least it did on my site.
As jmolivas stated, you can also specify video containers in the FitVids settings if needed.
ok, i have the module install
ok, i have the module install withe js file in the correct place. I'm just not sure what to add to:
i did put .container in the config file for "Video containers", and then wrapped my vimeo url in that class in a div, but it didn't work.
This is the code I have in my block:
<div class="container"><iframe src="http://player.vimeo.com/video/25708134?title=0&byline=0&portrait=0" width="400" height="225" frameborder="0"></iframe>
</div>
What am I missing?
EDIT: ok, I changed the width to be 100%, and it does resize, but is that due to the change in code or fitvids? If it resizes because of changing the just width, why would I need the module?
I would like to do this right, so thanks for your advice.
Doug
The reason for using FitVids
The reason for using FitVids rather than just specifying the width:100% is that FitVids maintains the correct aspect ratio by adjusting the height as well. If you just specify the width and do some testing with YouTube, Vimeo, etc embedded videos, you'll notice that the height stays the same and breaks the aspect ratio.
Also, I never specified a width:100% for my site, once I installed FitVids it just worked on its own.
We might have to track down the reason why yours aren't...
I think I'm just putting in
I think I'm just putting in the wrong code. Could you let me know what:
I'm just missing something simple I'm sure. Really appreciate the help.
Doug
All I have in the Video
Here's an example of a Vimeo video I've added for testing that scales correctly in a block placed within the sidebar-second region.
<iframe allowfullscreen="" mozallowfullscreen="" src="http://player.vimeo.com/video/22439234?title=0&byline=0&portrait=0" webkitallowfullscreen="" frameborder="0" height="225" width="400"></iframe>As you can see, I haven't specified anything extra, not even adding an extra div tag. FitVids automatically recognizes the video and it scales correctly.
One thing I should mention is that I use node blocks for all blocks on my sites. I don't believe this is a factor, but I'll test it again with just a regular block and get back to you to verify.
appreciate the help. I put
appreciate the help. I put .region back as the container and pasted your code into a block, and it still doesn't resize. I'm not wrapping your code in a div anymore. Just doesn't make sense. Like you said, it should just work. Frustrating.
Do you have a link to the
Do you have a link to the site you're trying to use it on that I could take a look at? It's difficult for me to try and determine what might be causing the issue without knowing more about it.
Doug, I just set up a fresh
Doug,
I just set up a fresh sandbox install of d7 with Omega and installed FitVids. I used a standard block and added the same Vimeo video to the sidebar-second region via Content and it's performing as expected.
Just wanted to verify that it didn't have anything to do with using a node block.
Hope you've already solved your issue!
Hey adaptordie, Sorry late
Hey adaptordie,
Sorry late getting back. Had some issues getting the site up to a server.
I am seeing some errors in the developer console in Chrome for fitvids. Take a look and that might help.
If you wouldn't mind, you can take a look here:
http://rosewebdesign.com/mirc
It's the only video on the sidebar. Really appreciate if you could help identify the problem.
Thanks,
Doug
Hi Doug,I had a chance to
Hi Doug,
I had a chance to take a look at your site and it's definitely not recognizing the embedded video for FitVids.
Here's an example of what the code on my sandbox install looks like when FitVids recognizes the embedded video and applies it's wrapper, etc.
<div class="fluid-width-video-wrapper" style="padding-top: 56.25%;"><iframe id="fitvid671266" frameborder="0" allowfullscreen="" mozallowfullscreen="" webkitallowfullscreen="" src="http://player.vimeo.com/video/22439234?title=0&byline=0&portrait=0">
Your site seems to be ignoring the implementation of FitVids entirely.
Have you tried placing the embed code in a regular node to see if FitVids recognizes it in the main content area? If not, give this a try and see if it applies the coding. At least that will narrow it down to a block/sidebar issue.
Are you positive the javascript is located at sites/all/libraries/fitvids/jquery.fitvids.js? I only ask because it seems to do such a great job of recognizing the videos for me without any customization that I'm really confused at what would be causing an issue...aside from a conflicting module, but I find that unlikely as well.
-Mike
I did notice that your body
I did notice that your body tag displays as follows:
<body class="html front not-logged-in no-sidebars page-node omega-mediaqueries-processed alpha-debug-processed responsive-layout-normal">Whereas mine displays like this:
<body class="html front not-logged-in page-node omega-mediaqueries-processed responsive-layout-normal">The no-sidebars call is interesting. Also, you might want to try turning off the debugging options under the Omega settings. I've found they can cause some issues.
Take a look at the console
Take a look at the console firebug/object inspector a lot of javascript error messages shown when trying your url @Doug, double-check javascript it' been loaded
Uncaught SyntaxError: Unexpected token ILLEGAL/mirc/:141Uncaught TypeError: Property '$' of object [object DOMWindow] is not a function
/mirc/:422Uncaught TypeError: Object #<Object> has no method 'fitVids'
--
http://jmolivas.com/
@jmolivas
an insane amount of errors.
an insane amount of errors. Where is that "not logged in no sidebars" coming from? Possible Delta?
I'm not even sure where to begin. Start disabling modules? Here my html elements. The files referenced seem to be there:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN"2 "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
3<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" version="XHTML+RDFa 1.0" dir="ltr"
4 xmlns:content="http://purl.org/rss/1.0/modules/content/"
5 xmlns:dc="http://purl.org/dc/terms/"
6 xmlns:foaf="http://xmlns.com/foaf/0.1/"
7 xmlns:og="http://ogp.me/ns#"
8 xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#"
9 xmlns:sioc="http://rdfs.org/sioc/ns#"
10 xmlns:sioct="http://rdfs.org/sioc/types#"
11 xmlns:skos="http://www.w3.org/2004/02/skos/core#"
12 xmlns:xsd="http://www.w3.org/2001/XMLSchema#">
13
14<head profile="http://www.w3.org/1999/xhtml/vocab">
15 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
16<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
17<meta name="Generator" content="Drupal 7 (http://drupal.org)" />
18<link rel="shortcut icon" href="http://rosewebdesign.com/mirc/misc/favicon.ico" type="image/vnd.microsoft.icon" />
19 <title>Welcome to Welcoming Michigan | Welcoming Michigan</title>
20
21<!--[if (lt IE 9)&(!IEMobile)]>
22<style type="text/css" media="all">
23<!--/--><![CDATA[/><!--/
24.alpha-grid-debug .container-12{background-image:url(http://rosewebdesign.com/mirc/sites/all/themes/omega/alpha/css/grid/alph...);}
25.alpha-grid-debug .container-24{background-image:url(http://rosewebdesign.com/mirc/sites/all/themes/omega/alpha/css/grid/alph...);}
26
27/]]>/-->
28</style>
29<![endif]-->
30
31<!--[if gte IE 9]><!-->
32<style type="text/css" media="all and (min-width: 740px) and (min-device-width: 740px), (max-device-width: 800px) and (min-width: 740px) and (orientation:landscape)">
33<!--/--><![CDATA[/><!--/
34.alpha-grid-debug .container-12{background-image:url(http://rosewebdesign.com/mirc/sites/all/themes/omega/alpha/css/grid/alph...);}
35.alpha-grid-debug .container-24{background-image:url(http://rosewebdesign.com/mirc/sites/all/themes/omega/alpha/css/grid/alph...);}
36
37/]]>/-->
38</style>
39<!--<![endif]-->
40
41<!--[if gte IE 9]><!-->
42<style type="text/css" media="all and (min-width: 980px) and (min-device-width: 980px), all and (max-device-width: 1024px) and (min-width: 1024px) and (orientation:landscape)">
43<!--/--><![CDATA[/><!--/
44.alpha-grid-debug .container-12{background-image:url(http://rosewebdesign.com/mirc/sites/all/themes/omega/alpha/css/grid/alph...);}
45.alpha-grid-debug .container-24{background-image:url(http://rosewebdesign.com/mirc/sites/all/themes/omega/alpha/css/grid/alph...);}
46
47/]]>/-->
48</style>
49<!--<![endif]-->
50
51<!--[if gte IE 9]><!-->
52<style type="text/css" media="all and (min-width: 1220px)">
53<!--/--><![CDATA[/><!--/
54.alpha-grid-debug .container-12{background-image:url(http://rosewebdesign.com/mirc/sites/all/themes/omega/alpha/css/grid/alph...);}
55.alpha-grid-debug .container-24{background-image:url(http://rosewebdesign.com/mirc/sites/all/themes/omega/alpha/css/grid/alph...);}
56
57/]]>/-->
58</style>
59<!--<![endif]-->
60<style type="text/css" media="all">@import url("http://rosewebdesign.com/mirc/modules/system/system.base.css?m2oink");
61@import url("http://rosewebdesign.com/mirc/modules/system/system.menus.css?m2oink");
62@import url("http://rosewebdesign.com/mirc/modules/system/system.messages.css?m2oink");
63@import url("http://rosewebdesign.com/mirc/modules/system/system.theme.css?m2oink");</style>
64<style type="text/css" media="screen">@import url("http://rosewebdesign.com/mirc/sites/all/libraries/flexslider/flexslider.css?m2oink");
65@import url("http://rosewebdesign.com/mirc/sites/all/modules/flexslider/assets/css/flexslider_img.css?m2oink");</style>
66<style type="text/css" media="all">@import url("http://rosewebdesign.com/mirc/modules/comment/comment.css?m2oink");
67@import url("http://rosewebdesign.com/mirc/sites/all/modules/date/date_api/date.css?m2oink");
68@import url("http://rosewebdesign.com/mirc/modules/field/theme/field.css?m2oink");
69@import url("http://rosewebdesign.com/mirc/modules/node/node.css?m2oink");
70@import url("http://rosewebdesign.com/mirc/modules/search/search.css?m2oink");
71@import url("http://rosewebdesign.com/mirc/modules/user/user.css?m2oink");
72@import url("http://rosewebdesign.com/mirc/sites/all/modules/views/css/views.css?m2oink");</style>
73<style type="text/css" media="all">@import url("http://rosewebdesign.com/mirc/sites/all/modules/ctools/css/ctools.css?m2oink");
74@import url("http://rosewebdesign.com/mirc/sites/all/modules/nice_menus/nice_menus.css?m2oink");
75@import url("http://rosewebdesign.com/mirc/sites/all/themes/wm/css/nice_menus_default.css?m2oink");
76@import url("http://rosewebdesign.com/mirc/sites/all/modules/views_slideshow/views_slideshow.css?m2oink");</style>
77<style type="text/css" media="all">@import url("http://rosewebdesign.com/mirc/sites/all/themes/omega/alpha/css/alpha-reset.css?m2oink");
78@import url("http://rosewebdesign.com/mirc/sites/all/themes/omega/alpha/css/alpha-mobile.css?m2oink");
79@import url("http://rosewebdesign.com/mirc/sites/all/themes/omega/alpha/css/alpha-alpha.css?m2oink");
80@import url("http://rosewebdesign.com/mirc/sites/all/themes/omega/omega/css/formalize.css?m2oink");
81@import url("http://rosewebdesign.com/mirc/sites/all/themes/omega/omega/css/omega-text.css?m2oink");
82@import url("http://rosewebdesign.com/mirc/sites/all/themes/omega/omega/css/omega-branding.css?m2oink");
83@import url("http://rosewebdesign.com/mirc/sites/all/themes/omega/omega/css/omega-menu.css?m2oink");
84@import url("http://rosewebdesign.com/mirc/sites/all/themes/omega/omega/css/omega-forms.css?m2oink");
85@import url("http://rosewebdesign.com/mirc/sites/all/themes/omega/omega/css/omega-visuals.css?m2oink");
86@import url("http://rosewebdesign.com/mirc/sites/all/themes/omega/alpha/css/alpha-debug.css?m2oink");
87@import url("http://rosewebdesign.com/mirc/sites/all/themes/wm/css/global.css?m2oink");</style>
88
89<!--[if (lt IE 9)&(!IEMobile)]>
90<style type="text/css" media="all">@import url("http://rosewebdesign.com/mirc/sites/all/themes/wm/css/wm-alpha-default.css?m2oink");
91@import url("http://rosewebdesign.com/mirc/sites/all/themes/wm/css/wm-alpha-default-normal.css?m2oink");
92@import url("http://rosewebdesign.com/mirc/sites/all/themes/omega/alpha/css/grid/alpha_default/normal/alpha-default-normal-12.css?m2oink");
93@import url("http://rosewebdesign.com/mirc/sites/all/themes/omega/alpha/css/grid/alpha_default/normal/alpha-default-normal-24.css?m2oink");</style>
94<![endif]-->
95
96<!--[if gte IE 9]><!-->
97<style type="text/css" media="all and (min-width: 740px) and (min-device-width: 740px), (max-device-width: 800px) and (min-width: 740px) and (orientation:landscape)">@import url("http://rosewebdesign.com/mirc/sites/all/themes/wm/css/wm-alpha-default.css?m2oink");
98@import url("http://rosewebdesign.com/mirc/sites/all/themes/wm/css/wm-alpha-default-narrow.css?m2oink");
99@import url("http://rosewebdesign.com/mirc/sites/all/themes/omega/alpha/css/grid/alpha_default/narrow/alpha-default-narrow-12.css?m2oink");
100@import url("http://rosewebdesign.com/mirc/sites/all/themes/omega/alpha/css/grid/alpha_default/narrow/alpha-default-narrow-24.css?m2oink");</style>
101<!--<![endif]-->
102
103<!--[if gte IE 9]><!-->
104<style type="text/css" media="all and (min-width: 980px) and (min-device-width: 980px), all and (max-device-width: 1024px) and (min-width: 1024px) and (orientation:landscape)">@import url("http://rosewebdesign.com/mirc/sites/all/themes/wm/css/wm-alpha-default.css?m2oink");
105@import url("http://rosewebdesign.com/mirc/sites/all/themes/wm/css/wm-alpha-default-normal.css?m2oink");
106@import url("http://rosewebdesign.com/mirc/sites/all/themes/omega/alpha/css/grid/alpha_default/normal/alpha-default-normal-12.css?m2oink");
107@import url("http://rosewebdesign.com/mirc/sites/all/themes/omega/alpha/css/grid/alpha_default/normal/alpha-default-normal-24.css?m2oink");</style>
108<!--<![endif]-->
109
110<!--[if gte IE 9]><!-->
111<style type="text/css" media="all and (min-width: 1220px)">@import url("http://rosewebdesign.com/mirc/sites/all/themes/wm/css/wm-alpha-default.css?m2oink");
112@import url("http://rosewebdesign.com/mirc/sites/all/themes/wm/css/wm-alpha-default-wide.css?m2oink");
113@import url("http://rosewebdesign.com/mirc/sites/all/themes/omega/alpha/css/grid/alpha_default/wide/alpha-default-wide-12.css?m2oink");
114@import url("http://rosewebdesign.com/mirc/sites/all/themes/omega/alpha/css/grid/alpha_default/wide/alpha-default-wide-24.css?m2oink");</style>
115<!--<![endif]-->
116 <script type="text/javascript" src="http://rosewebdesign.com/mirc/misc/jquery.js?v=1.4.4"></script>
117<script type="text/javascript" src="http://rosewebdesign.com/mirc/misc/jquery.once.js?v=1.2"></script>
118<script type="text/javascript" src="http://rosewebdesign.com/mirc/misc/drupal.js?m2oink"></script>
119<script type="text/javascript" src="http://rosewebdesign.com/mirc/sites/all/libraries/fitvids/jquery.fitvids.js?m2oink"></script>
120<script type="text/javascript" src="http://rosewebdesign.com/mirc/sites/all/libraries/flexslider/jquery.flexslider-min.js?v=1.8"></script>
121<script type="text/javascript" src="http://rosewebdesign.com/mirc/misc/form.js?v=7.12"></script>
122<script type="text/javascript" src="http://rosewebdesign.com/mirc/sites/all/modules/nice_menus/superfish/js/superfish.js?m2oink"></script>
123<script type="text/javascript" src="http://rosewebdesign.com/mirc/sites/all/modules/nice_menus/superfish/js/jquery.bgiframe.min.js?m2oink"></script>
124<script type="text/javascript" src="http://rosewebdesign.com/mirc/sites/all/modules/nice_menus/superfish/js/jquery.hoverIntent.minified.js?m2oink"></script>
125<script type="text/javascript" src="http://rosewebdesign.com/mirc/sites/all/modules/nice_menus/nice_menus.js?m2oink"></script>
126<script type="text/javascript" src="http://rosewebdesign.com/mirc/sites/all/modules/views_slideshow/js/views_slideshow.js?m2oink"></script>
127<script type="text/javascript" src="http://rosewebdesign.com/mirc/sites/all/modules/flexslider/assets/js/flexslider.load.js?m2oink"></script>
128<script type="text/javascript" src="http://rosewebdesign.com/mirc/sites/all/modules/flexslider/flexslider_views_slideshow/js/flexslider_views_slideshow.js?m2oink"></script>
129<script type="text/javascript" src="http://rosewebdesign.com/mirc/misc/collapse.js?v=7.12"></script>
130<script type="text/javascript" src="http://rosewebdesign.com/mirc/sites/all/themes/omega/omega/js/jquery.formalize.js?m2oink"></script>
131<script type="text/javascript" src="http://rosewebdesign.com/mirc/sites/all/themes/omega/omega/js/omega-mediaqueries.js?m2oink"></script>
132<script type="text/javascript" src="http://rosewebdesign.com/mirc/sites/all/themes/omega/alpha/js/alpha-debug.js?m2oink"></script>
133<script type="text/javascript">
134<!--//--><![CDATA[//><!--
135jQuery.extend(Drupal.settings, {"basePath":"\/mirc\/","pathPrefix":"","ajaxPageState":{"theme":"wm","theme_token":"zuiCOcb4jneD08NcKLe7yFxS0x635mF_gPM7EtwJ_o8","js":{"misc\/jquery.js":1,"misc\/jquery.once.js":1,"misc\/drupal.js":1,"sites\/all\/libraries\/fitvids\/jquery.fitvids.js":1,"sites\/all\/libraries\/flexslider\/jquery.flexslider-min.js":1,"sites\/all\/modules\/nice_menus\/superfish\/js\/superfish.js":1,"sites\/all\/modules\/nice_menus\/superfish\/js\/jquery.bgiframe.min.js":1,"sites\/all\/modules\/nice_menus\/superfish\/js\/jquery.hoverIntent.minified.js":1,"sites\/all\/modules\/nice_menus\/nice_menus.js":1,"sites\/all\/modules\/views_slideshow\/js\/views_slideshow.js":1,"sites\/all\/modules\/flexslider\/assets\/js\/flexslider.load.js":1,"sites\/all\/modules\/flexslider\/flexslider_views_slideshow\/js\/flexslider_views_slideshow.js":1,"sites\/all\/themes\/omega\/alpha\/js\/alpha-debug.js":1,"0":1,"misc\/form.js":1,"misc\/collapse.js":1,"sites\/all\/themes\/omega\/omega\/js\/jquery.formalize.js":1,"sites\/all\/themes\/omega\/omega\/js\/omega-mediaqueries.js":1},"css":{"1":1,"5":1,"0":1,"4":1,"2":1,"6":1,"3":1,"7":1,"modules\/system\/system.base.css":1,"modules\/system\/system.menus.css":1,"modules\/system\/system.messages.css":1,"modules\/system\/system.theme.css":1,"sites\/all\/libraries\/flexslider\/flexslider.css":1,"sites\/all\/modules\/flexslider\/assets\/css\/flexslider_img.css":1,"modules\/comment\/comment.css":1,"sites\/all\/modules\/date\/date_api\/date.css":1,"modules\/field\/theme\/field.css":1,"modules\/node\/node.css":1,"modules\/search\/search.css":1,"modules\/user\/user.css":1,"sites\/all\/modules\/views\/css\/views.css":1,"sites\/all\/modules\/ctools\/css\/ctools.css":1,"sites\/all\/modules\/nice_menus\/nice_menus.css":1,"sites\/all\/themes\/wm\/css\/nice_menus_default.css":1,"sites\/all\/modules\/views_slideshow\/views_slideshow.css":1,"sites\/all\/themes\/omega\/alpha\/css\/alpha-reset.css":1,"sites\/all\/themes\/omega\/alpha\/css\/alpha-mobile.css":1,"sites\/all\/themes\/omega\/alpha\/css\/alpha-alpha.css":1,"sites\/all\/themes\/omega\/omega\/css\/formalize.css":1,"sites\/all\/themes\/omega\/omega\/css\/omega-text.css":1,"sites\/all\/themes\/omega\/omega\/css\/omega-branding.css":1,"sites\/all\/themes\/omega\/omega\/css\/omega-menu.css":1,"sites\/all\/themes\/omega\/omega\/css\/omega-forms.css":1,"sites\/all\/themes\/omega\/omega\/css\/omega-visuals.css":1,"sites\/all\/themes\/omega\/alpha\/css\/alpha-debug.css":1,"sites\/all\/themes\/wm\/css\/global.css":1,"ie::normal::sites\/all\/themes\/wm\/css\/wm-alpha-default.css":1,"ie::normal::sites\/all\/themes\/wm\/css\/wm-alpha-default-normal.css":1,"ie::normal::sites\/all\/themes\/omega\/alpha\/css\/grid\/alpha_default\/normal\/alpha-default-normal-12.css":1,"ie::normal::sites\/all\/themes\/omega\/alpha\/css\/grid\/alpha_default\/normal\/alpha-default-normal-24.css":1,"narrow::sites\/all\/themes\/wm\/css\/wm-alpha-default.css":1,"narrow::sites\/all\/themes\/wm\/css\/wm-alpha-default-narrow.css":1,"sites\/all\/themes\/omega\/alpha\/css\/grid\/alpha_default\/narrow\/alpha-default-narrow-12.css":1,"sites\/all\/themes\/omega\/alpha\/css\/grid\/alpha_default\/narrow\/alpha-default-narrow-24.css":1,"normal::sites\/all\/themes\/wm\/css\/wm-alpha-default.css":1,"normal::sites\/all\/themes\/wm\/css\/wm-alpha-default-normal.css":1,"sites\/all\/themes\/omega\/alpha\/css\/grid\/alpha_default\/normal\/alpha-default-normal-12.css":1,"sites\/all\/themes\/omega\/alpha\/css\/grid\/alpha_default\/normal\/alpha-default-normal-24.css":1,"wide::sites\/all\/themes\/wm\/css\/wm-alpha-default.css":1,"wide::sites\/all\/themes\/wm\/css\/wm-alpha-default-wide.css":1,"sites\/all\/themes\/omega\/alpha\/css\/grid\/alpha_default\/wide\/alpha-default-wide-12.css":1,"sites\/all\/themes\/omega\/alpha\/css\/grid\/alpha_default\/wide\/alpha-default-wide-24.css":1}},"nice_menus_options":{"delay":800,"speed":1},"viewsSlideshow":{"feature_slider-block_1":{"methods":{"goToSlide":["viewsSlideshowPager","viewsSlideshowSlideCounter","viewsSlideshowCycle"],"nextSlide":["viewsSlideshowPager","viewsSlideshowSlideCounter","flexsliderViewsSlideshow","viewsSlideshowCycle"],"pause":["viewsSlideshowControls","flexsliderViewsSlideshow","viewsSlideshowCycle"],"play":["viewsSlideshowControls","flexsliderViewsSlideshow","viewsSlideshowCycle"],"previousSlide":["viewsSlideshowPager","viewsSlideshowSlideCounter","flexsliderViewsSlideshow","viewsSlideshowCycle"],"transitionBegin":["viewsSlideshowPager","viewsSlideshowSlideCounter"],"transitionEnd":[]},"paused":0}},"flexslider_views_slideshow":{"#flexslider_views_slideshow_main_feature_slider-block_1":{"num_divs":2,"id_prefix":"#flexslider_views_slideshow_main_","vss_id":"feature_slider-block_1","height":590,"width":450,"animation":"fade","animationDuration":600,"slideDirection":"horizontal","slideshow":1,"slideshowSpeed":7000,"animationLoop":1,"randomize":0,"slideToStart":0,"directionNav":0,"controlNav":0,"keyboardNav":1,"mousewheel":1,"prevText":"Previous","nextText":"Next","pausePlay":0,"pauseText":"Pause","playText":"Play","pauseOnAction":1,"controlsContainer":".flex-nav-container","manualControls":""}},"omega":{"layouts":{"primary":"normal","order":["narrow","normal","wide"],"queries":{"narrow":"all and (min-width: 740px) and (min-device-width: 740px), (max-device-width: 800px) and (min-width: 740px) and (orientation:landscape)","normal":"all and (min-width: 980px) and (min-device-width: 980px), all and (max-device-width: 1024px) and (min-width: 1024px) and (orientation:landscape)","wide":"all and (min-width: 1220px)"}}}});
136//--><!]]>
137</script>
138 <script type="text/javascript" src="http://use.typekit.com/qqh0ueo.js"></script>
139<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
140<script type="text/javascript">
141$(document).ready(function(){
142 $(".toggler").click(function(){
143 $(this).next().slideToggle("slow");
144 return false;
145 }).next().hide();
146});
147</script>
148</head>
working now. I must have
working now. I must have fatfingered somethong, so just trashed everything and reinstalled. Thanks for hanging in there with me. One other thing. which module are do you guys use for Adaptive images. i see a couple and would rather go with what you two prefer.
thanks again.
Doug
Glad to ear that Doug Related
Glad to ear that Doug
Related to responsive images I been using Client-side adaptive image : http://drupal.org/project/cs_adaptive_image
kinda easy to use and config, do not requires modification of .htaccess file and it reuses media-style definitions
--
http://jmolivas.com/
@jmolivas
The "not-logged-in" doesn't
The "not-logged-in" doesn't bother me as much as the "no-sidebars" does. "not-logged-in" will be applied when an anonymous user views the site, so that's normal. I'm not sure about the "no-sidebars" though. It could definitely be a Delta, but I'm not familiar with the setup for that on your site.
I verified that FitVids script is being loaded as well. Sorry about asking about that a few times. I must have been too busy/lazy to just take a look at it myself.
I'd start by looking at the Delta situation. I'm curious to know where that "no-sidebars" is coming from myself. I'll try and take another look when I have some time.
hey thanks. I'm going to
hey thanks. I'm going to disable the layout and see if it changes. A little history I should have mentioned. I used Acquia Dev Dsktop to get this far, and didn't know it imports ALL sites as a multi-site. What a PINA is was to get it working remotely, and I supect some of thes issues are related to that. I'm going back to MAMP for local dev. What do you guys use locally?
thanks.
That's great! Glad to see
That's great! Glad to see it's working for you now!
I use the Adaptive Image module, which works great for me so far, but it's the only one I've really tried. I looked at a few and it was the first one I tried and it worked so well that I haven't gone back to try any others. Let me know if you find something else that works well for you.
It looks like you've already got FlexSlider working, which is another great module to use with Omega. I'm a big fan of it.
On the development side, I use LAMP on my Windows laptop and MAMP on my Mac. I've always done a straight core install because I like to keep things as simple/basic as possible...and that way I know that any changes that are made to the install are my or my team's doing.
I was wondering if either of
I was wondering if either of you could help me trouble shoot one more thing. I'm using a hack to preprocess a 2 column subregion under the main content region. the code was posted here:
http://groups.drupal.org/node/195038
It works well, but in IE 8 or below, the right sidebar floats left below the 2 subregions. It works find in Chrome, FF and Safari.
I've posted a screen shot here:
http://mircdev.mplp.org/IE8-9.jpg
And you can also see the code here on the staging server:
http://mircdev.mplp.org/
This is the code in my template.php file that creates the subregions is:
<?php
/**
* @file
* This file is empty by default because the base theme chain (Alpha & Omega) provides
* all the basic functionality. However, in case you wish to customize the output that Drupal
* generates through Alpha & Omega this file is a good place to do so.
*
* Alpha comes with a neat solution for keeping this file as clean as possible while the code
* for your subtheme grows. Please read the README.txt in the /preprocess and /process subfolders
* for more information on this topic.
*/
function wm_alpha_page_structure_alter(&$vars) {
$vars['content']['content']['content']['#sorted'] = FALSE;
//content bottom
if (!empty($vars['#excluded']['content_bottom_first'])) {
$vars['#excluded']['content_bottom_first']['#weight'] = 90;
$vars['content']['content']['content']['content_bottom_first'] = $vars['#excluded']['content_bottom_first'];
}
if (!empty($vars['#excluded']['content_bottom_second'])) {
$vars['#excluded']['content_bottom_second']['#weight'] = 91;
$vars['content']['content']['content']['content_bottom_second'] = $vars['#excluded']['content_bottom_second'];
}
if (!empty($vars['#excluded']['content_bottom_third'])) {
$vars['#excluded']['content_bottom_third']['#weight'] = 92;
$vars['content']['content']['content']['content_bottom_third'] = $vars['#excluded']['content_bottom_third'];
}
}
If you wouldn't mind taking a look at in IE 8 or lower and thinking what I could do to fix it, I'd really appreciate it.
Thanks,
Doug