Go
New
Find
Notify
Tools
Reply
  
-star Rating Rate It!  Login/Join 
D_L
Honorary Mechanic
Picture of D_L
Posted
Installing Laszlo Photo Gallery and Sound Gallery

Although SiteSpinner offers features for building your own photo gallery or sound gallery here is another technique for embedding a photogallery and/or soundgallery, based on the open source software from

Laszlo Systems.

The player is easily embedded in a SiteSpinner page, and all controls are defined in one xml file to be uploaded (the play control list)..

Step 1 - Create Your Assets - Photos / Music

  • Create your photos (they can be JPEG, GIF, PNG and SWF).

  • Import your complete gallery of images into one SiteSpinner page or across multiple pages.

  • These images will all be published into the ./images folder by SiteSpinner when your site is published.

  • The image alignment on SiteSpinner page/pages is not important since these pages holding the image assets will not be viewed.

  • The important point is to give sequential titles to the image objects .. such as

    01.jpg
    02.jpg
    03.jpg
    etc.

    This makes it easier to list the images in the play file.

  • PhotoBlox can display JPEG, GIF, PNG and SWF files of arbitrary dimensions.

  • Also you can add any background music (mp3) to be referred to by the playlist defined later (below)..



Step 2 - Embedding Code in SiteSpinner Page

  • These are the instructions for embedding the photoblox or soundblox.

  • Open a new blank page in SiteSpinner and paste the following code between <head> and</head>

    using Page Editor .. Header .. New Header .. call it "photoblox"

    <!-- photoblox -->
<script type="text/javascript" language="JavaScript" src="http://www.mylaszlo.com/lps-krank/includes/embed.js"></script>
<!-- /photoblox -->


  • Paste the following code between <body >and </body>using Code Editor.

    <!-- photoblox -->
<script type="text/javascript" language="JavaScript">
lzEmbed({url: 'http://www.mylaszlo.com/lps-2.0/showcase/photoblox/photoblox480x480.lzx?lzt=swf&data_url=<url to your photobloxdata.xml file>', 
bgcolor: '#ffffff', 
scale: 'noscale', 
width: '480', 
height: '480', 
menu: 'false'});
</script>
<!-- /photoblox -->


  • Important note: the URL variable pointing to the location of the uploaded photobloxdata.xml file (data_url=<..> above) must be URLencoded by using the link below

    http://www.albionresearch.com/misc/urlencode.php

  • Not the entire URL .. just the end part after http://www.mylaszlo.com/lps-2.0/showcase/photoblox/photoblox480x480.lzx?lzt=swf&data_url=

    i.e. <url to your photobloxdata.xml file>

    .. careful pasting needed.


Step 3 - Preparing the Play List

  • Now create the gallery "play list".

  • This is an XML file and can be created in a text editor.
    But since XML format files are not included in SiteSpinner this file will need to be uploaded separately to your web site.


    ________________________________________

    Feature request here to SiteSpinner development team:-

    Allow XML files to be included and edited as blank *.xml pages .. without the usual html code and javascript added as default to the page.

    This will allow html and xml pages to be mixed on a web site.
    ________________________________________


  • Sample XML file (photobloxdata.xml and soundbloxdata.xml) can be found at

    http://www.blogbox.com/photoblox.php

  • FTP Upload this photobloxdata.xml to the same location as the photoblox page published by SiteSpinner.

  • Same applies for soundblox if embedded.

  • the URL to this photobloxdata.xml (or soundbloxdata.xml) must be URLencoded and placed in the embed code in Code Editor as described earlier.

  • Note that the photoblox can only be previewed in SiteSpinner after the XML file has been uploaded to your web site (since the Laszlo server must access this file via the URL in the embed script).



Software Source and References

Photoblox and Soundblox (open source software developed by Laszlo Systems) can be found here ..

http://www.blogbox.com/

http://photoblox.blogspot.com/

http://soundblox.blogspot.com/

___________________________________________________________

This message has been edited. Last edited by: D_L,
 
Posts: 415 | Location: U.K. | Registered: July 06, 2003Reply With QuoteEdit or Delete MessageReport This Post
  Powered by Eve Community  
 


™ & © 1998 - 2008, Virtual Mechanics Inc. All rights reserved.