Has anyone been able to do a background slide show with Omega? I am trying to use the bgstretcher jquery plugin from here http://www.ajaxblender.com/bgstretcher-2-jquery-stretch-background-plugi.... These are the steps I have taken:
1. Placed the bgstretcher.js file in the site/all/themes/myOmegaSubtheme/js folder.
2. Placed the script to call the bgstretcher in a script file in the site/all/themes/myOmegaSubtheme/js folder.
3. Placed the scripts[] = 'js/script.js' and scripts[] = 'js/bgstretcher.js' in my subthemes info file.

The outcome is that I see a small box flashing on my screen but no background pictures. Is this possible in Omega?

Comments

brodiebrodie’s picture

Have you tried copying html.tpl.php to your theme templates folder and adding something similar between ?

<script type="text/javascript" src="../jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="../bgstretcher.js"></script>
<link rel="stylesheet" href="../bgstretcher.css" />

Brodie

TelFiRE’s picture

Afaik, that's the same thing as adding the script in the info file.

Can you tell if the scripts are being actually loaded? Can you use a debugger to get any kind of error messages?

ryegirl’s picture

Yes it looks like the script is being loaded. This is what is in my header:

window.onload = function() { (function ($) { $(document).ready(function() { $(document).bgStretcher({ images: ['images/sample-1.jpg'], imageWidth: 1200, imageHeight: 937 }); }); }(jQuery)); }
ryegirl’s picture

The script files are in the header as well: