Using SlideShow Pro in Rapidweaver
Posted: 23rd August 2009 04:52 AM

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.availWidthscreen.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",
        
initialURLescape(document.location)
    
}
    
var params {
        bgcolor
"#000000",
        
allowfullscreen"true"
    
}                
    
var attributes {}
    swfobject
.embedSWF("loader.swf""flashcontent""100%""100%""9.0.0""expressInstall.swf"flashvarsparamsattributes);
    
/* 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.

 Signature 

Heath McConnell
Heath McConnell Photography
http://heathmcconnellphotography.com
http://heathmcconnell.com

#1.  Posted: 23rd August 2009 03:59 PM

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

 Signature 

Looking for good hosting, with good customer service, I recommend BlueHost
Screencasts by harringg. (Index)

MacSupportCasts

#2.  Posted: 23rd August 2009 04:33 PM

Thanks, I got it to work using the SSP exported index.html file in an iframe within the page.

 Signature 

Heath McConnell
Heath McConnell Photography
http://heathmcconnellphotography.com
http://heathmcconnell.com

#3.  Posted: 23rd August 2009 04:40 PM

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.

 Signature 

Looking for good hosting, with good customer service, I recommend BlueHost
Screencasts by harringg. (Index)

MacSupportCasts

#4.  Posted: 23rd August 2009 04:59 PM

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");
//]]>

#5.  Posted: 23rd August 2009 05:09 PM

@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.

m.png

Thanks

 Signature 

Looking for good hosting, with good customer service, I recommend BlueHost
Screencasts by harringg. (Index)

MacSupportCasts

#6.  Posted: 23rd August 2009 05:24 PM

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

geoffgrafix - 23 August 2009 04:59 PM

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");
//]]>

#7.  Posted: 23rd August 2009 06:02 PM

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

#8.  Posted: 23rd August 2009 06:11 PM
geoffgrafix - 23 August 2009 06:02 PM

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.

 Signature 

Looking for good hosting, with good customer service, I recommend BlueHost
Screencasts by harringg. (Index)

MacSupportCasts

#9.  Posted: 23rd August 2009 06:15 PM
geoffgrafix - 23 August 2009 06:02 PM

So, you guys are saying that it was a good choice to use the coding I used?

Well.. I am! Wink

geoffgrafix - 23 August 2009 06:02 PM

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

#10.  Posted: 01st February 2010 01:30 AM

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!