You are here: Forum Home / RapidWeaver User Forum / HTML, CSS, and Design Help / Thread
Using SlideShow Pro in Rapidweaver
I am having some real problems getting my slideshow to work properly in RW. The slide show actually shows up, but only the first picture loads. When you hover, you should get titles, navigation and so on. The slideshow works fine on it’s own and works if iFramed. So I know it works.
I want to place more text on the page above the slideshow. In this case I need to figure how to break this code down and get it in the right spots in RW. This is the code from the Index.html page Slideshow Pro generates.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Susurri</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="" />
<!-- Published with SlideShowPro for Lightroom :: http://slideshowpro.net -->
<style type="text/css">
body,html {
background:#000000;
width:100%;
height:100%;
}
</style>
<!--
// Permalinks option
function flashPutHref(href) { location.href = href; }
// Expand browser option
var eB = true;
if (eB) {
window.moveTo(0,0);
window.resizeTo (screen.availWidth, screen.availHeight);
}
// swffit sizing
var swf_pad = 20;
function initSwffit(w,h) {
// If you change name of the DIV the SWF is written at,
// change 'flashcontent' to the name of your DIV.
swffit.fit('flashcontent',w+swf_pad,h+swf_pad);
}
// SWFObject embed
var flashvars = {
paramXMLPath: "param.xml",
initialURL: escape(document.location)
}
var params = {
bgcolor: "#000000",
allowfullscreen: "true"
}
var attributes = {}
swfobject.embedSWF("loader.swf", "flashcontent", "100%", "100%", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
/* below required for google chrome embed issue */
swffit.fit('flashcontent',0,0);
-->
</head>
<body>
<div id="flashcontent">
This SlideShowPro photo gallery requires the Flash Player plugin and a web browser with JavaScript enabled.
</div>
</body>
</html>
I have taken the “head” items and placed them in the “Head” section of header tab. I also took the “body” section and put it on the body of the page, along with my text. Oh… and I have this on a “File Sharing” plugin page (RW4 included).
Any suggestions? Should I move the Javascript to the Javascript tab?
Thanks in advance everyone.
Heath McConnell
Heath McConnell Photography
http://heathmcconnellphotography.com
http://heathmcconnell.com
Where is your param.xml and loader.swf file in physical location to the page that is calling them?
When you say “it works” in the page as it came from SSP, you would have:
index.html
param.xml
loader.swf
in the same directory.
When you export your RapidWeaver embedded page, are the .xml and .swf file in the same folder as the RapidWeaver exported page? I’m guessing not.
I recently bought SSP and have no problems using it in RapidWeaver like you are trying to achieve. Either export your page, drop the content of the initial SSP folder inside that folder, or change your two lines of code include absolute paths, http://www.mydomain.com/ssp/param.xml (and loader.swf)
I’ll send you a PM showing you a screenshot
Looking for good hosting, with good customer service, I recommend BlueHost
Screencasts by harringg. (Index)
Thanks, I got it to work using the SSP exported index.html file in an iframe within the page.
Heath McConnell
Heath McConnell Photography
http://heathmcconnellphotography.com
http://heathmcconnell.com
Right, it should work in an iFrame as you mention. It goes back to the file paths in relation to the actual files. All I was saying is if you want to embed it in a RapidWeaver page, you can. Different browsers handle iFrames differently, and by embedding it you should be able to maintain a consistent look across browsers. Glad it’s working for you.
Looking for good hosting, with good customer service, I recommend BlueHost
Screencasts by harringg. (Index)
Hey, I found this posting while searching for something else. I’m not sure if you found your answer or not, or if someone else might find this in a search and need help.
I am not a programmer, and this code I’m going to post might not be the right way to do it.. but it works for me. I’ve done a few pages in RW with SSP. I’m working on one right now.
What I did is this… The main folder for the slideshow files I named “files” and placed it in the rw_common folder in the contents of my page. I add it in after I’ve exported and before I upload to my server.
Then I use an html page in RW, and I use the following code. I can use text before it or after it with no problem. It seems to work wonderfully. Again, I’m not a programmer, I’m a designer and I just find ways that work. I’m very grateful for this forum, and want to give back a little bit. Maybe this will help someone.
The site that I’m using this for is at: http://www.geoffmatheson.com/agaru
It’s just a test site and will soon be posted to http://www.agarutattoos.com
My personal webpage, which also uses RW and SSP is at http://www.geoffmatheson.com
Hope this helps!
- Geoff Matheson -
<div id=“flashcontent”>
</div>
//<![CDATA[
var so = new SWFObject(“rw_common/files/slideshow.swf”, “mymovie”, “555”, “300”, “6”, “#ffffff”);
so.addParam(“quality”, “high”);
so.addParam(“wmode”, “transparent”);
so.addParam(“base”,”.”);
so.write(“flashcontent”);
//]]>
@Geoff
You are describing a form of “Warehousing” and it’s a great tool for any type of static media management (videos, SSP albums, ect…) and I use it all the time. It all comes down to the proper file path (as mentioned in post #1) as to the location of the files RapidWeaver generated pages are looking for. Absolute or properly setup relative links work everytime.
To take it one step further, I’ve got a folder at the root of my FTP directory where all the .swf/.xml/ect… files are for any pages that will call them and paste the full (absolute) path in my code, so no matter where RapidWeaver puts or names the directories from new pages, they will always work.
Thanks
Looking for good hosting, with good customer service, I recommend BlueHost
Screencasts by harringg. (Index)
Geoff,
While there are various ways of embedding a Flash object (SWF) within a web page, generally speaking the SWFObject method is regarded as one of the most reliable and standards compliant ways of doing so.
SWFObject - why it’s better.
Why should you use SWFObject?
Best
John
I am not a programmer, and this code I’m going to post might not be the right way to do it.
<div id=“flashcontent”>
</div>
//<![CDATA[
var so = new SWFObject(“rw_common/files/slideshow.swf”, “mymovie”, “555”, “300”, “6”, “#ffffff”);
so.addParam(“quality”, “high”);
so.addParam(“wmode”, “transparent”);
so.addParam(“base”,”.”);
so.write(“flashcontent”);
//]]>
So, you guys are saying that it was a good choice to use the coding I used?
I was trying to put the slideshow in a sidebar, but had trouble. I forget the exact problem, as this was months ago.
Thanks,
Geoff
So, you guys are saying that it was a good choice to use the coding I used?
I was trying to put the slideshow in a sidebar, but had trouble. I forget the exact problem, as this was months ago.Thanks,
Geoff
That’s what I do (or a variation thereof). I use the SSP for Flash, not Lightroom, but the sidebar has limited space, so I’m thinking it may be a size setting in SSP that gave you problems.
Looking for good hosting, with good customer service, I recommend BlueHost
Screencasts by harringg. (Index)
So, you guys are saying that it was a good choice to use the coding I used?
Well.. I am! 
I was trying to put the slideshow in a sidebar, but had trouble. I forget the exact problem, as this was months ago.
This should not present any major issues.
The SWFObject code can be inserted into the sidebar and used for an SWF created outwith RapidWeaver, or PlusKit could be used to bring a RapidWeaver generated slideshow into the sidebar.
Best
John
Hi,
I am trying to add my Slide Show Pro to RW and have been trying to follow this thread.I’m missing something….
I downloaded the swfObject…what do I do with it? I even tried to copy your code above and replace with my name….no luck!
Help please!
Hi,
I am trying to add my Slide Show Pro to RW and have been trying to follow this thread.I’m missing something….
I downloaded the swfObject…what do I do with it? I even tried to copy your code above and replace with my name….no luck!
Help please!
This post was from some time ago, and I am no longer using RapidWeaver. However, it is the same whether you’re using RW, WordPress, or are writing your pages yourself. I can tell you that you can find everything you need on the SlideShow Pro site - http://www.slideshowpro.net. You can find instructions for embedding your slideshow using SWF Object, but you can now use different embed code using embed.js. SSP gives you this code when you click on the ‘Publish’ tab in any album or gallery.
Just go to the SSP page and read the wiki page.
And be sure to check out my new site, which is no longer RW, but uses SSP!