How to (make best) use external js library from html object (need help from dev)

Ok, on another discussion about rotating full screen backgrounds slideshows, i was orientated to try a small lib named "backstrech"
I throw myself in, and i really like what we can do with it.
To use it simply, just make an html object and paste this in :
<script src="http://musecdn2.businesscatalyst.com/scripts/4.0/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="assets/jquery.backstretch.min.js" type="text/javascript"></script>
<script>
$.backstretch([
      "http://dl.dropbox.com/u/515046/www/outside.jpg"
    , "http://dl.dropbox.com/u/515046/www/garfield-interior.jpg"
    , "http://dl.dropbox.com/u/515046/www/cheers.jpg"
], {duration: 3000, fade: 750});
</script>
then add the jquery.backstretch.min.js to your "downloaded files" (file menu > files to download)
And you’re done.
Now, i need some help from better developers.
As you can see, my first line is a call to jquery, the same that we find later in Muse exported code.
Reason 1 : without this line, jquery is not defined and the plugin won’t work.
This raises 2 issues :
- We load twice the same ressource which is useless (100k)
- loading js is all about having the page hangs while it loads, hence, they are put at the end of the body.
Does anybody know a way to load this particular html script AFTER we are sure the muse scripts (esp. jquery) have been loaded ?
(in the Edge Animate world, i’d go for the yepnope, and put it at the right place in the code, though, here i have no access to page load structure except head)
PS : in addition to that, i made an exported page/excluded from navigation where i put all the images i wanted for the background, i could then simply change the images lines :
, "http://dl.dropbox.com/u/515046/www/garfield-interior.jpg"
to
, "images/my_image_name_as_in_ressources.jpg"

Got it, there was a bug in my code. Here is what you do:
1. Download the js file https://raw.github.com/srobbin/jquery-backstretch/master/jquery.backstretch.min.js
2. In Muse: Go to File -> Add Files for Upload and add the script file
3. Open Page Properties -> Metadata -> HTML for <Head>
Paste this code in:
<script>
window.onload = function() {
var loaded = function() {
$.backstretch([
      "http://dl.dropbox.com/u/515046/www/outside.jpg"
    , "http://dl.dropbox.com/u/515046/www/garfield-interior.jpg"
    , "http://dl.dropbox.com/u/515046/www/cheers.jpg"
], {duration: 3000, fade: 750});
//Load the plugin:
var head= document.getElementsByTagName('head')[0];
var script= document.createElement('script');
script.type= 'text/javascript';
script.onreadystatechange = loaded;
script.onload = loaded;
script.src= 'assets/jquery.backstretch.min.js';
head.appendChild(script);
}; //Window OnLoad
</script>
4. Preview or Publish = Done!
Example: http://musebackstretch.businesscatalyst.com/index.html

Similar Messages

Make Flash Frames Appear in Library As Pages? Need Help!

I would like to know how to make flash frames appear in the Library as pages. Any code or help would be greatly appreciated. Thank you.

I want an area that opens like a page within the site (under the header) when buttons are clicked.

How to make iTunes recognize the music library in my external hard drive after instaIling Yosemite?

How to make iTunes recognize the music library in my external hard drive after instaIling Yosemite? I tried re-setting the media folder location, but it didn't work. What else should I do?

The issue is not related to the external drive. iTunes Match has difficulties matching tracks ripped fom CDs because they may differ slightly from the versions on sale in iTunes. You can try the match again. Otherwise do a search of this forum. There are already many discussions on this subject here that may help you.

How to make more albums in photo library?

How to make more albums in photo library?

If you do not have iOS 5, you have to use subfolders in your one photo syncing folder. You can have one level of folders in the syncing folder and each folder is an album.
With iOS 5 you can create albums in the Photo app.

How to make a button load a sprite from library??

PLEASE HELP!!
Hey everyone.. iv been looking for help for a few weeks but cant seem to find the awnsers
I am trying to create a newspaper that consists of four pages. Each page i have created and are sitting in the library as sprites. Each page has buttons that need linking so that when pressed it loads the next page or page that i want. This is the part i am confused with =/ how do i make the buttons on each page load the next page (sprite) from the library??
Basically i want to no how to make a button load a sprite from the library when clicked. Does anyone no the script for this?
Thanks for any help

A question arises as to whether or not you are posting in the right forum. Sprites are AS3 objects.
If you want to add movieclips to the stage from the library using AS2, then you need to assign them each an Identifier via right clicking them in the library and selecting the Linkage option... from there you slect the option to Export for Actionscript and then assign the Identifier.
You then use the attachMovie() method to make use of that Identifier to dynamically load the library object.

How do I transfer/copy my itunes library from 1 external hard drive to another one?

How can i transfer/copy my itunes library from 1 external hard drive to another one?

http://support.apple.com/kb/ht1449

I have a $10 gift card balance on my Apple ID but when I try to rent a movie it wants me to use my debit card. How can Make it use the iTunes credit?

I have a $10 gift card balance on my Apple ID but when I try to rent a movie it wants me to use my debit card. How can Make it use the iTunes credit?

Hi ...
Select None for payment method > iTunes Store: Changing account information
Be aware, an auto renewing subsciption by require a credit card.

How do I access and use my Itunes library from a different/new computer?

How do I access and use my Itunes library from a different/new computer? My computer is no longer working, so I need to be able to access my library from my wife's computer.

Your library will only be where you put it. Copy everything from your backup copy of your old computer to the new one.
You can redownload some itunes purchases in some countries:
Download past purchases - Apple Support

How to make users to select the date from calendar control my making the date field read only in date time control in external list in sharepoint 2010

How to make users to select the date from calendar control only, by my making the date text field read only (don't want to let users type the date) in date time control in external list in sharepoint 2010. I am looking for a solution which can
be done through sharepoint desginer / out of the box.
thanks.

Congratulate you got the solution by yourself. I am new to a
WinForms calendar component, I feel so helpless on many problems even I'd read many tutorials. This question on the
calendar date selection did me a great favor. Cheers.

How to make OLAPDATAGRID use AS3

How to make OLAPDATAGRID use AS3? I make like this and have a
problem lease halp me type simple example!
[Attach Code]
package My
import mx.collections.ArrayCollection;
import mx.collections.IList;
import mx.controls.Alert;
import mx.controls.OLAPDataGrid;
import mx.olap.IOLAPCube;
import mx.olap.IOLAPDimension;
import mx.olap.IOLAPQuery;
import mx.olap.IOLAPQueryAxis;
import mx.olap.OLAPAttribute;
import mx.olap.OLAPCube;
import mx.olap.OLAPDimension;
import mx.olap.OLAPHierarchy;
import mx.olap.OLAPLevel;
import mx.olap.OLAPMeasure;
import mx.olap.OLAPQuery;
import mx.olap.OLAPResult;
import mx.olap.OLAPSet;
import mx.rpc.AsyncResponder;
import mx.rpc.AsyncToken;
public class OlapDGCreator
[Bindable]
private var flatData:ArrayCollection = new ArrayCollection(
{otd:"div1",pos:"programmer",year:2007,quarter:"q1",zp:20000},
{otd:"div1",pos:"manager",year:2007,quarter:"q1",zp:15000},
{otd:"div2",pos:"programmer",year:2007,quarter:"q1",zp:25000},
{otd:"div2",pos:"manager",year:2007,quarter:"q1",zp:23000},
{otd:"div1",pos:"programmer",year:2007,quarter:"q2",zp:21000},
{otd:"div1",pos:"manager",year:2007,quarter:"q2",zp:16000},
{otd:"div2",pos:"programmer",year:2007,quarter:"q2",zp:27000},
{otd:"div2",pos:"manager",year:2007,quarter:"q2",zp:24000},
public var str:String = "";
public var ODG:OLAPDataGrid = new OLAPDataGrid();
public var MyCube:OLAPCube = new OLAPCube("otchet");
public function OlapDGCreator()
MyCube.dataProvider=flatData;
var m:OLAPMeasure = new OLAPMeasure("ZP");
m.aggregator="SUM";
m.dataField="zp";
var a:IList = new ArrayCollection();
a.addItem(m);
var dimDateTime:OLAPDimension = new
OLAPDimension("DateTime","DateTime");
dimDateTime.cube=MyCube;
dimDateTime.name="DateTime";
var hierDataTime:OLAPHierarchy = new
OLAPHierarchy("hierDataTime","displayHierDataTime");
var l1:OLAPLevel = new OLAPLevel("Year","Year")
var l2:OLAPLevel = new OLAPLevel("Quarter","Quarter")
hierDataTime.levels.addItem(l1);
hierDataTime.levels.addItem(l2);
var att1:OLAPAttribute = new OLAPAttribute("Year","Year")
att1.dataField="year";
att1.name="Year";
var att2:OLAPAttribute = new
OLAPAttribute("Quarter","quarter")
att2.dataField="quarter";
att2.name="Quarter";
dimDateTime.attributes.addItem(att1)
dimDateTime.attributes.addItem(att2)
dimDateTime.hierarchies.addItem(hierDataTime);
var dimDivDim:OLAPDimension = new
OLAPDimension("DivDim","DivDim");
dimDivDim.cube=MyCube;
dimDivDim.name="DivDim";
var hierDivDim:OLAPHierarchy = new
OLAPHierarchy("hierDivDim","displayHierDivDim");
var dd_l1:OLAPLevel = new OLAPLevel("Otd","Otd")
var dd_l2:OLAPLevel = new OLAPLevel("Pos","Pos")
hierDivDim.levels.addItem(dd_l1);
hierDivDim.levels.addItem(dd_l2);
var dd_att1:OLAPAttribute = new OLAPAttribute("Otd","Otd")
dd_att1.dataField="otd";
dd_att1.dimension=dimDivDim;
var dd_att2:OLAPAttribute = new OLAPAttribute("Pos","Pos")
dd_att2.dataField="pos";
dd_att2.dimension=dimDivDim;
dimDivDim.attributes.addItem(dd_att1);
dimDivDim.attributes.addItem(dd_att2);
dimDivDim.hierarchies.addItem(hierDivDim);
MyCube.dimensions.addItem(dimDateTime);
MyCube.dimensions.addItem(dimDivDim);
MyCube.measures = a
MyCube.refresh();
//MyCube.measures.addEventListener("www",test);
//MyCube.addEventListener(CubeEvent.CUBE_COMPLETE,runQuery)
runQuery();
//запустили
выражение
// Create the OLAP query.
private function getQuery(cube:IOLAPCube):IOLAPQuery {
// Create an instance of OLAPQuery to represent the query.
var query:OLAPQuery = new OLAPQuery;
// Get the row axis from the query instance.
var rowQueryAxis:IOLAPQueryAxis =
query.getAxis(OLAPQuery.ROW_AXIS);
// Create an OLAPSet instance to configure the axis.
var otdSet:OLAPSet = new OLAPSet;
// Add the Product to the row to aggregate data
// by the Product dimension.
var tmp:IOLAPDimension = cube.findDimension("DivDim");
var tmp2:OLAPDimension = cube.dimensions[0];
otdSet.addElements(OLAPAttribute(OLAPDimension(cube.dimensions[1]).attributes[0]).childre n);//zah
otdSet.addElements(cube.findDimension("DivDim").findAttribute("Otd").children);
// Add the OLAPSet instance to the axis.
var posSet:OLAPSet = new OLAPSet;
// Add the Product to the row to aggregate data
// by the Product dimension.
posSet.addElements(OLAPAttribute(OLAPDimension(cube.dimensions[1]).attributes[1]).childre n);//zah
posSet.addElements(cube.findDimension("DivDim").findAttribute("Pos").children);
// Add the OLAPSet instance to the axis.
rowQueryAxis.addSet(otdSet.crossJoin(posSet));
// Get the column axis from the query instance, and
configure it
// to aggregate the columns by the Quarter dimension.
var colQueryAxis:IOLAPQueryAxis =
query.getAxis(OLAPQuery.COLUMN_AXIS);
var yearSet:OLAPSet= new OLAPSet;
yearSet.addElements(OLAPAttribute(OLAPDimension(cube.dimensions[0]).attributes[0]).childr en);//zah
yearSet.addElements(cube.findDimension("DateTime").findAttribute("Year").children);
var quarterSet:OLAPSet= new OLAPSet;
quarterSet.addElements(OLAPAttribute(OLAPDimension(cube.dimensions[0]).attributes[1]).chi ldren);//zah
//quarterSet.addElements(cube.findDimension("DateTime").findAttribute("Quarter").children );
colQueryAxis.addSet(yearSet.crossJoin(quarterSet));
return query;
// Event handler to execute the OLAP query
// after the cube completes initialization.
// private function runQuery(event:CubeEvent):void {
private function runQuery():void {
// Get cube.
//var cube:IOLAPCube = IOLAPCube(event.currentTarget);
var cube:IOLAPCube = IOLAPCube(this.MyCube);
// Create a query instance.
var query:IOLAPQuery = getQuery(cube);
// Execute the query.
var token:AsyncToken = cube.execute(query);
// Setup handlers for the query results.
token.addResponder(new AsyncResponder(showResult,
showFault));
// Handle a query fault.
private function showFault(result:Object, token:Object):void
Alert.show("Error in query.");
// Handle a successful query by passing the query results to
// the OLAPDataGrid control..
private function showResult(result:Object,
token:Object):void {
if (!result) {
Alert.show("No results from query.");
return;
ODG.dataProvider= result as OLAPResult;
[/Attach Code]

Here is the fixed code. I would have loved to re-organize the
code but left it as is so that you can diff the files and make a
note of the differences.
package
import mx.collections.ArrayCollection;
import mx.controls.Alert;
import mx.controls.OLAPDataGrid;
import mx.events.CubeEvent;
import mx.olap.IOLAPCube;
import mx.olap.IOLAPDimension;
import mx.olap.IOLAPQuery;
import mx.olap.IOLAPQueryAxis;
import mx.olap.OLAPAttribute;
import mx.olap.OLAPCube;
import mx.olap.OLAPDimension;
import mx.olap.OLAPHierarchy;
import mx.olap.OLAPLevel;
import mx.olap.OLAPMeasure;
import mx.olap.OLAPQuery;
import mx.olap.OLAPResult;
import mx.olap.OLAPSet;
import mx.rpc.AsyncResponder;
import mx.rpc.AsyncToken;
public class OlapDGCreator
[Bindable]
private var flatData:ArrayCollection = new ArrayCollection(
{otd:"div1",pos:"programmer",year:2007,quarter:"q1",zp:20000},
{otd:"div1",pos:"manager",year:2007,quarter:"q1",zp:15000},
{otd:"div2",pos:"programmer",year:2007,quarter:"q1",zp:25000},
{otd:"div2",pos:"manager",year:2007,quarter:"q1",zp:23000},
{otd:"div1",pos:"programmer",year:2007,quarter:"q2",zp:21000},
{otd:"div1",pos:"manager",year:2007,quarter:"q2",zp:16000},
{otd:"div2",pos:"programmer",year:2007,quarter:"q2",zp:27000},
{otd:"div2",pos:"manager",year:2007,quarter:"q2",zp:24000},
public var str:String = "";
public var ODG:OLAPDataGrid = new OLAPDataGrid();
public var MyCube:OLAPCube = new OLAPCube("otchet");
public function OlapDGCreator()
MyCube.dataProvider=flatData;
var m:OLAPMeasure = new OLAPMeasure("ZP");
m.aggregator="SUM";
m.dataField="zp";
//var a:IList = new ArrayCollection();
//a.addItem(m);
var dimDateTime:OLAPDimension = new
OLAPDimension("DateTime","DateTime");
//dimDateTime.cube=MyCube;
//dimDateTime.name="DateTime";
var hierDataTime:OLAPHierarchy = new
OLAPHierarchy("hierDataTime","displayHierDataTime");
var l1:OLAPLevel = new OLAPLevel("Year","Year")
l1.attributeName = "Year";
var l2:OLAPLevel = new OLAPLevel("Quarter","Quarter")
l2.attributeName = "Quarter";
//hierDataTime.levels.addItem(l1);
//hierDataTime.levels.addItem(l2);
hierDataTime.levels = new ArrayCollection([l1, l2]);
var att1:OLAPAttribute = new OLAPAttribute("Year","Year")
att1.dataField="year";
//att1.name="Year";
var att2:OLAPAttribute = new
OLAPAttribute("Quarter","quarter")
att2.dataField="quarter";
//att2.name="Quarter";
//dimDateTime.attributes.addItem(att1)
//dimDateTime.attributes.addItem(att2)
dimDateTime.attributes = new ArrayCollection([att1, att2]);
//dimDateTime.hierarchies.addItem(hierDataTime);
dimDateTime.hierarchies = new
ArrayCollection([hierDataTime]);
var dimDivDim:OLAPDimension = new
OLAPDimension("DivDim","DivDim");
//dimDivDim.cube=MyCube;
//dimDivDim.name="DivDim";
var hierDivDim:OLAPHierarchy = new
OLAPHierarchy("hierDivDim","displayHierDivDim");
var dd_l1:OLAPLevel = new OLAPLevel("Otd","Otd")
dd_l1.attributeName = "Otd";
var dd_l2:OLAPLevel = new OLAPLevel("Pos","Pos")
dd_l2.attributeName = "Pos";
//hierDivDim.levels.addItem(dd_l1);
//hierDivDim.levels.addItem(dd_l2);
hierDivDim.levels = new ArrayCollection([dd_l1, dd_l2]);
var dd_att1:OLAPAttribute = new OLAPAttribute("Otd","Otd")
dd_att1.dataField="otd";
//dd_att1.dimension=dimDivDim;
var dd_att2:OLAPAttribute = new OLAPAttribute("Pos","Pos")
dd_att2.dataField="pos";
//dd_att2.dimension=dimDivDim;
//dimDivDim.attributes.addItem(dd_att1);
//dimDivDim.attributes.addItem(dd_att2);
//dimDivDim.hierarchies.addItem(hierDivDim);
dimDivDim.attributes = new ArrayCollection([dd_att1,
dd_att2]);
dimDivDim.hierarchies = new ArrayCollection([hierDivDim]);
//MyCube.dimensions.addItem(dimDateTime);
//MyCube.dimensions.addItem(dimDivDim);
//MyCube.measures = a
MyCube.elements = [dimDateTime, dimDivDim, m];
MyCube.refresh();
//MyCube.measures.addEventListener("www",test);
MyCube.addEventListener(CubeEvent.CUBE_COMPLETE,runQuery)
// Create the OLAP query.
private function getQuery(cube:IOLAPCube):IOLAPQuery {
// Create an instance of OLAPQuery to represent the query.
var query:OLAPQuery = new OLAPQuery;
// Get the row axis from the query instance.
var rowQueryAxis:IOLAPQueryAxis =
query.getAxis(OLAPQuery.ROW_AXIS);
// Create an OLAPSet instance to configure the axis.
var otdSet:OLAPSet = new OLAPSet;
// Add the Product to the row to aggregate data
// by the Product dimension.
var tmp:IOLAPDimension = cube.findDimension("DivDim");
var tmp2:OLAPDimension = cube.dimensions[0];
otdSet.addElements(OLAPAttribute(OLAPDimension(cube.dimensions[1]).attributes[0]).children );//zah
otdSet.addElements(cube.findDimension("DivDim").findAttribute("Otd").children);
// Add the OLAPSet instance to the axis.
var posSet:OLAPSet = new OLAPSet;
// Add the Product to the row to aggregate data
// by the Product dimension.
posSet.addElements(OLAPAttribute(OLAPDimension(cube.dimensions[1]).attributes[1]).children );//zah
posSet.addElements(cube.findDimension("DivDim").findAttribute("Pos").children);
// Add the OLAPSet instance to the axis.
rowQueryAxis.addSet(otdSet.crossJoin(posSet));
// Get the column axis from the query instance, and configure
it
// to aggregate the columns by the Quarter dimension.
var colQueryAxis:IOLAPQueryAxis =
query.getAxis(OLAPQuery.COLUMN_AXIS);
var yearSet:OLAPSet= new OLAPSet;
yearSet.addElements(OLAPAttribute(OLAPDimension(cube.dimensions[0]).attributes[0]).childre n);//zah
yearSet.addElements(cube.findDimension("DateTime").findAttribute("Year").children);
var quarterSet:OLAPSet= new OLAPSet;
quarterSet.addElements(OLAPAttribute(OLAPDimension(cube.dimensions[0]).attributes[1]).chil dren);//zah
//quarterSet.addElements(cube.findDimension("DateTime").findAttribute("Quarter").children) ;
colQueryAxis.addSet(yearSet.crossJoin(quarterSet));
return query;
// Event handler to execute the OLAP query
// after the cube completes initialization.
// private function runQuery(event:CubeEvent):void {
private function runQuery(event:Event):void {
// Get cube.
//var cube:IOLAPCube = IOLAPCube(event.currentTarget);
var cube:IOLAPCube = IOLAPCube(this.MyCube);
// Create a query instance.
var query:IOLAPQuery = getQuery(cube);
// Execute the query.
var token:AsyncToken = cube.execute(query);
// Setup handlers for the query results.
token.addResponder(new AsyncResponder(showResult,
showFault));
// Handle a query fault.
private function showFault(result:Object, token:Object):void
Alert.show("Error in query.");
// Handle a successful query by passing the query results to
// the OLAPDataGrid control..
private function showResult(result:Object, token:Object):void
if (!result) {
Alert.show("No results from query.");
return;
ODG.dataProvider= result as OLAPResult;

How can I best use my iPhone 3Gs in New Zealand?

How can I best use an iPhone while in New Zealand?

So - what I meant was... I am in the US and traveling to New Zealand and wondering if I can use my iPhone 3Gs without spending lots of money with AT&T? What experiences have others had?

How do I get my existing photo library from iPhoto to Photoshop?

How do I get my existing photo library from iPhoto to Photoshop?

Hello MWWWB,
Unlike iPhoto, Photoshop is only an editor. It does not store or organize images. In iPhoto preferences, you can choose Photoshop as an editor. You will then get a choice when you double click on an iPhoto thumbnail to use iPhoto or Photoshop to make edits. But Photoshop does not have a library to store images like iPhoto.
You may want to use Adobe Bridge or Lightroom to help name and organize your pictures. You can Export your iPhoto Library to a folder and manage the exported images there.
Personally, I hate the arcane manner iPhoto stores and organizes images. I use it only for photos from my iPhone.

How to make Finder NOT to show files from a specific folder in "All My Files"?

Hello!
Can someone please advice how to make finder NOT to show files from a specific folder in "All My Files"? See the attach - I recently installed Civilization 5 from Steam and now I have a lot of unneeded files (*.log and *.ini) shown in All My Files colder in Finder.
I don't want to see them. Any advise?

Using "All my Files" was very handy before all this rubbish popped up. =(

How to make IIS on Windows 7 visible from outside my home LAN

Guidance Needed: How to make IIS on Windows 7 visible from outside my home LAN.
I am building a learning/demo ASP.NET website on this Win7 PC, using VS2008.
I would like to share the website with a client/friend, so I need my local IIS to be visible from outside the home LAN.
This PC is behind a Netgear WGR614 router, which has a static IP address assigned by my ISP.
I have set up port forwarding on the router; port 80 is HTTP.
I can see the website as http://localhost/ and also as http://192.168.0.2 from other PCs inside the LAN.
Ping works from outside, but not http. What am I missing?

Hi,
Since this question is related to IIS and we have specific support for IIS related issues or questions, it is also recommended that you go to IIS Forum for help.
Hope this helps. Thanks.
Nicholas Li - MSFT

How do you dump a external hard drive from PC to mac

How do i dump my external hard drive from a PC to my Mac

If you don't see the external HD when you connect it to the Mac, then you need to use Disk Utility to format the XHD to a FAT32 drive. Once done it will read on the Mac and PC without any problems.

How to (make best) use external js library from html object (need help from dev)

Similar Messages

Maybe you are looking for