Code:
stepcarousel.configholder.galleryid.oninit = function(){
stepcarousel.stepTo('galleryid', 3);
stepcarousel.configholder.galleryid.oninit = function(){}; // optional reset
};
stepcarousel.loadcontent('galleryid', 'path_to_file');
Notice the red. Those (except for the number) are the gallery id. They of course must all be the same. The number is the index of the panel that you want it to move to once the external content is loaded. The optional reset line may be removed. If it is, the carousel will always step to 3 whenever new content is added, unless something changes the oninit again. In other words, if all of your code loading external content first sets its own oninit, the reset isn't needed. In most cases you would want a reset or it would at least do no harm. Unless you're sure you don't need or want it, keep it.
If you're going to be doing a lot of this, setup a function for it:
Code:
stepcarousel.loadandmoveto = function(galid, path, index){
var config = stepcarousel.configholder[galid];
config.oninit = function(){
stepcarousel.stepTo(galid, index);
config.oninit = function(){}; // optional reset
};
stepcarousel.loadcontent(galid, path);
};
Using a text only editor like NotePad, open up the stepcarousel.js file and add the above function at the very end, after everything else. Save and use that version.
Now if you want to do this, all you need is:
Code:
stepcarousel.loadandmoveto('galleryc', 'external2.htm', 3);
Where 'galleryc' is the id, 'external2.htm' is the path to the file, and 3 is the index of the panel you want it to go to.
If the carousel already has an oninit function and that needs to be preserved, more code is needed. If that's the case, just let me know.
Bookmarks