Simple login page with slideshow

ddogg777

Joined: 2008-05-19
Posts: 10
Posted: Mon, 2008-05-19 02:48

I am helping my wife put together a simple photography website. One feature that I am trying to do is have a simple login page (to open the gallery2 album) come up after a client clicks on their name from my wife's home page. After they are logged in I want their gallery album to feed to a slideshowpro slideshow. Can anyone list the general steps that I need to do? Thanks for helping an ignorant user, I am having fun learning!

 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Mon, 2008-05-19 03:05

You can set the userAlbum module to "jump straight to album" which would take them to their album directly after login.
You could place ssp in ads.tpl and feed it via my ssp.php :)

-s
FlashYourWeb and Your Gallery with The E2 XML Media Player for Gallery2

 
ddogg777

Joined: 2008-05-19
Posts: 10
Posted: Mon, 2008-05-26 23:31

Hi suprsidr, I have looked at your work and love it! Catalog and Prodesign look like excellent products, how does one go about purchasing catalog?
Thanks for your help too!

 
ddogg777

Joined: 2008-05-19
Posts: 10
Posted: Wed, 2008-06-04 22:00

Doh, I never set email alerts for PMs, I just realized that you had PM'd me weeks ago! I will try out the album at flashyourweb.com.

I was trying to install SSP and created a local folder and have a copy of ads.tpl in it. I got stuck trying to place SSP in ads.tpl, how exactly is that done? Is it a link to the .swf that I uploaded to my gallery2 folder?

 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Wed, 2008-06-04 22:52

untested but should work ;)

{if $theme.pageType == 'album'}
<script type="text/javascript" src="http://www.yoursite.com/javascript/swfobject.js"></script>
<div id="soContent" style="width: 100%; height: 100%"><a href="http://www.adobe.com/go/getflashplayer" target="_blank">The latest flash player is required to view this demo v.9,0,115,0 Get it now!</a></div>
<script type="text/javascript">
// <![CDATA[
    var so = new SWFObject("http://www.yoursite.com/gallery2/ssp.swf", "ssp", "496", "600", "9.0.115.0", "ffffff");
    so.addParam("flashVars","xmlUrl=http://www.yoursite.com/gallery2/ssp.php?g2_itemId={$theme.item.id}");
    so.addParam("allowScriptAccess","always");
    so.addParam("wmode","transparent");
    so.addParam("allowFullscreen","true");
    so.write("soContent");
// ]]>
</script>
{/if}

you may want to change width/height ("496", "600")
and obviously I prefer the swfObject embed approach. So you would need a copy of that.

-s
FlashYourWeb and Your Gallery with The E2 XML Media Player for Gallery2

 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Wed, 2008-06-04 23:31

actually now tested :)
if your theme does not include an ads.tpl like the carbon theme does, just create one in your theme -> templates -> local directory (create local if necessary)
and add the suggested code.
And to get your theme to display ads.tpl add this line in theme.tpl (copy to local of course ;) )
{g->theme include="ads.tpl"}
wherever you want ssp to display.

-s
FlashYourWeb and Your Gallery with The E2 XML Media Player for Gallery2

 
ddogg777

Joined: 2008-05-19
Posts: 10
Posted: Wed, 2008-06-04 23:47

Okay, I am doing something wrong, I am am getting a flash window opening but no pics. I have made a slideshow from my Lightroom plugin using 'ssp.php' as the xml file path and 'media rss' as the XML file type. This creates the following objects:
images.xml
index.html
loader.swf
param.xml
slideshowpro.swf
swfobjects.js

I put all but the index.html in my gallery2 folder along with your ssp.php (unchanged). I am using the carbon theme so it came with ads.tpl. I changed your code to my website and even changed

SWFObject("http://www.yoursite.com/gallery2/ssp.swf", "ssp"
to
SWFObject("http://www.angieellsworth.com/gallery2/slideshowpro.swf", "ssp"
but that didn't work so I tried
SWFObject("http://www.angieellsworth.com/gallery2/loader.swf", "ssp"
no luck though.
BTW, I owe you a donation!

 
ddogg777

Joined: 2008-05-19
Posts: 10
Posted: Wed, 2008-06-04 23:49

Maybe my problem is using the LR plugin rather than the SSP standalone version...hmm

 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Thu, 2008-06-05 03:11
 
ddogg777

Joined: 2008-05-19
Posts: 10
Posted: Fri, 2008-06-06 00:26

I bought the full flash version and created a slideshow, followed the instructions exactly ?
and compiled it for a dynamic xml feed (it had me use myxml.xml as the dynamic file). Question, does your ssp.php output a "myxml.xml"?
Yeah, I am still having trouble..... :(
Whereas before I at least had a flash window, now I only get:
"The latest flash player is required to view this demo v.9,0,115,0 Get it now!"
I have put ssp.php (unchanged) in my gallery2 directory along with the ssp components: slideshow.swf, AC_RunActiveContent.js, images.xml (which is probably useless), slideshow.html, and swfobject.js.
Did I screw up the ads.tpl?

{if $theme.pageType == 'album'}
<script type="text/javascript" src="http://www.angieellsworth.com/gallery2/swfobject.js"></script>
<div id="soContent" style="width: 100%; height: 100%"><a href="http://www.adobe.com/go/getflashplayer" target="_blank">The latest flash player is required to view this demo v.9,0,115,0 Get it now!</a></div>
<script type="text/javascript">
// <![CDATA[
var so = new SWFObject("http://www.angieellsworth.com/gallery2/slideshow.swf", "ssp", "496", "600", "9.0.115.0", "ffffff");
so.addParam("flashVars","xmlUrl=http://www.angieellsworth.com/gallery2/ssp.php?g2_itemId={$theme.item.id}");
so.addParam("allowScriptAccess","always");
so.addParam("wmode","transparent");
so.addParam("allowFullscreen","true");
so.write("soContent");
// ]]>
</script>
{/if}

 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Fri, 2008-06-06 00:47

your gallery is empty, kinda hard to test it ;)

-s
FlashYourWeb and Your Gallery with The E2 XML Media Player for Gallery2

 
ddogg777

Joined: 2008-05-19
Posts: 10
Posted: Fri, 2008-06-06 04:44

Whoops, fixed that. I was just thinking, do I have to compile it so that it looks for ssp.php instead of myxml.xml

 
ddogg777

Joined: 2008-05-19
Posts: 10
Posted: Fri, 2008-06-06 05:26

Okay, I compiled everthing with ssp.php in lieu of myXML.xml but still no dice. Now that I am using the full flash CS3 version instead of the Lightroom plugin it compiles the slideshow with a AC_RunActiveContent.js instead of swfobject.js. I had to upload the latter separately, is this where the problem lies?

 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Fri, 2008-06-06 11:14

no, swfObject and AC_RunActiveContent are simply used to trick IE and others (Opera) into displaying the flash object without the "Click here to activate and use this control" message.

whatever variable you assigned to the xml in flash ie. myXML = ssp.php you need to pass in that variable's true value in your swfobject ie. so.addParam("flashVars","myXML=http://www.angieellsworth.com/gallery2/ssp.php?g2_itemId={$theme.item.id}");

and inside flash when you declare the variable, check to see if its undefined first before you overwrite it ie.
if(myXML == undefined){
var myXML:String = "http://www.angieellsworth.com/gallery2/ssp.php?g2_itemId=7"; //just some default value
}

so this way, if you have not passed in an external value it will know where to look.

-s
FlashYourWeb and Your Gallery with The E2 XML Media Player for Gallery2

 
ddogg777

Joined: 2008-05-19
Posts: 10
Posted: Wed, 2008-07-09 07:52

I'm back and I am going at this again until I can figure this out. Unfortunately, I am making matters worse. I followed the instructions below. Do I also have to go into component inspector in Flash and change the xml file path to ssp.php and the xml file type to media rss? Or should I leave those alone: images.xml and default. Sorry for my inabilities, this is really getting to me.

How to: Dynamically assign an XML file
step one: open HTML document
Open the HTML document Flash published in your favorite text editor. Notepad, TextWrangler, Dreamweaver, etc will work fine.
step two: edit param and embed elements
Variables are passed into SWFs using FlashVars. It’s a handy way to pass data into a SWF by editing the parent HTML document embedding it. How your SWF is embedded in the HTML depends on the version of Flash you’re using. All supported versions (Flash MX 2004, Flash 8 and Flash CS3) publish a bundle of object, param, and embed elements. Flash CS3 however adds an additional embed method using Javascript, and requires an extra step for editing.
Add the following param element before, after, or inbetween any of your existing param elements:
<param name="FlashVars" value="xmlfile=http://mydomain.com/myXML.xml" /> Do I enter <param name="FlashVars" value="xmlfile=http://www.angieellsworth.com/gallery2/ssp.php" />

This creates a unique variable named xmlfile, which is then assigned the value of our XML file.
Next, do this a second time by adding a new FlashVars attribute to your existing embed element:
<embed FlashVars="xmlfile=http://mydomain.com/myXML.xml" ... (other attributes)> changed as above
step three (flash CS3 only): edit javascript
Flash CS3 users have an additional step -- modifying the inline Javascript. Towards the top of your HTML document you should see a method named AC_FL_RunContent, followed by a descending list of comma-separated parameters. Anywhere in that list (the bottom is fine), add the following:
'FlashVars','xmlfile=http://mydomain.com/myXML.xml' same as above
Make sure when adding this parameter that you include a comma at the end if necessary.
step four: edit fla
Open the FLA containing SlideShowPro for Flash. Open the Properties panel (Windows > Properties) and give the component instance a unique variable name. For this tutorial, I’ll name it my_ssp.
Now we need to write some ActionScript. Create a new layer in your movie timeline, and click its first frame so it’s highlighted. Open the Actions panel and enter this:
my_ssp.xmlFilePath=xmlfile;

 
ddogg777

Joined: 2008-05-19
Posts: 10
Posted: Wed, 2008-07-09 08:35

Hmm, out of curiosity, why would the instructions have me edit the fla last, won't that just erase my html document after it's republished?

 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Wed, 2008-07-09 11:12
  • Create a new flash document. Size it approprietely.
  • Rename layer1 to actions and lock it.
  • Create a second layer.
  • Select frame 1 of this new layer and drag an instance of ssp and position appropriately.
  • Give ssp an instance name of say... "my_ssp".
  • Select frame 1 of the actions layer press F9 to show actions editor. enter: my_ssp.xmlFilePath = xmlUrl;
  • Save and render [ctrl + s] [ctrl + enter]
  • Upload your ssp.swf to your gallery2 directory along with ssp.php and then this embed should work for you:
    <script type="text/javascript" src="http://www.yoursite.com/javascript/swfobject.js"></script>
    <div id="soContent" style="width: 100%; height: 100%"><a href="http://www.adobe.com/go/getflashplayer" target="_blank">Minimum flash player required to view this demo v.9,0,115,0 Get it now!</a></div>
    <script type="text/javascript">
    // <![CDATA[
    var so = new SWFObject("http://www.yoursite.com/gallery2/ssp.swf", "ssp", "496", "600", "9.0.115.0", "ffffff"); // "496", "600", "9.0.115.0" - width, height, flash version required
    so.addParam("flashVars","xmlUrl=http://www.yoursite.com/gallery2/ssp.php?g2_itemId=1400");
    so.addParam("allowScriptAccess","always");
    so.addParam("wmode","transparent");
    so.addParam("allowFullscreen","true");
    so.write("soContent");
    // ]]>
    </script>
    
  • You will need a copy of swfObject in a location as mentioned above adjusting code as necessary.
  • Input you own g2_itemId in the flashVars.

My example.

This discussion would be more appropriate in my forums.

-s
FlashYourWeb and Your Gallery with The E2 XML Media Player for Gallery2