Flash and Umbraco package

June 04th, 2006

As promised on the CodeGarden 06 conference I have created an umbraco package containing all files needed to run my presentation.

In my presentation I showed a flash image gallery where pictures are stored in umbraco and a how to build a flash website where all site structure and content are stored in umbraco.

Flash gallery example

This package is targeted to flash developers as a Flash starterkit.

And as mention on the conference use JSON instead of XML when working with flash since JSON parsing is faster than XML parsing and as a side effect you will produce much nicer code, and other developers can easily co/work/maintain your flash projects.

The package contains: Macros (6), files (11 including *.FLA (flash source)), Document Types (5), Templates (6), Stylesheets (1), Documents/Nodes (20+)

Howto: 

  1. Create a fresh umbraco site.
  2. Install the package (Go to 'Developer' section. Right click on 'Macros' -> choose 'Import Package')
  3. Upload some pictures in the format 500px*500x (for best result) into umbraco via the Media management, you can download some nice graphics to test with.
  4. Publich the whole site (Right click on the Frontpage)
  5. Edit the Gallery Example node and insert the FlashShowImagesFromMediaFolder macro.
  6. See the result instantly :-)
  7. Edit the Flash Website node and insert the FlashShowImagesFromMediaFolder macro
  8. See the result instantly :-)

Download Flash and Umbraco package
You can always just unzip the package to view the files

 

 

Tags: Umbraco, Flash, Umbraco Package

Comments

#1 - Warren Buckley on August 31st, 2006 16:27

Hello Christian.
I got it to work and it works great. I really just do need some help with a custom transition as opposed to the MX fading.
Please let me know if you can help me.

Warren

#2 - Kristjan on September 01st, 2006 20:15

Hi Christian

I have played with this and it rules!
But one thing I would like to get is random images - is that possible?
And if so, can you give a hint how to do it?

Thanks.
Kristján

#3 - bob baty-barr on October 20, 2006 04:29

Christian -- love the flash implementation can you help me with using a javascript deployment vs. the straight object tags -- ie is such a pain about clicking to activate, blah, blah, blah...

i have one swf [not using your code] here -- http://teejet.strenghosting.com -- the javascript does not work when in the xlst however -- any thoughts?

#4 - bob baty-barr on October 22nd, 2006 19:20

I have modified your xslt file for displaying flash images from a specified media file. The flash deployment now uses javascript to deploy without the 'click to activate' message in internet explorer. The deployment relies on this file [http://www.baty-barr.com/media/1225/swfobject.js] and the updated xslt is as follows:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE xsl:Stylesheet [ <!ENTITY nbsp "&#x00A0;"> ]>
<xsl:stylesheet
version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns:msxml="urn:schemas-microsoft-com:xslt"
xmlns:msxsl="urn:schemas-microsoft-com:xslt"
xmlns:umbraco.library="urn:umbraco.library"
exclude-result-prefixes="msxml umbraco.library">
<xsl:output method="xml" omit-xml-declaration="yes" />
<xsl:param name="currentPage"/>
<xsl:variable name="source" select="/macro/source"/>
<xsl:template match="/">

<div id="flashHomeImages">
<script type="text/javascript">


var so2 = new SWFObject("/Data/Flash/Slideshow.swf?folderID=<xsl:value-of select="$source/node/@id" />", "homeImages", "759", "376", "8", "#FFFFFF");
so2.addVariable("flashVarText", "this is passed in via FlashVars");
so2.addParam("scale", "noscale");
so2.addParam("wmode", value="transparent");
so2.write("flashHomeImages");

</script>
</div>




</xsl:template>


</xsl:stylesheet>

I am by no means an expert with javascript and/or umbraco... can you work with this info to enhance your package?

thanks.

#5 - uffe on November 10, 2006 16:42

It overwrites styles.css and flash pops up with a warning saying that it slows down the entire page, so i would recommend only installing it on a "clean" site..

#6 - Deepak on December 20, 2006 12:08

Hi, it looks gr8 but i receive a error when i click on ok to insert macro, Please help newbie to Umbraco

Error:
Invalid postback or callback argument. Event validation is enabled using <pages enableEventValidation="true"/> in configuration or <%@ Page EnableEventValidation="true" %> in a page. For security purposes, this feature verifies that arguments to postback or callback events originate from the server control that originally rendered them. If the data is valid and expected, use the ClientScriptManager.RegisterForEventValidation method in order to register the postback or callback data for validation.

#7 - bob baty-barr on February 07, 2007 04:00

Christian... i was wondering if your JSON methods could be used to create a flash nav... i have a client that is interested in such a thing and was wondering if your JSONGETNODE.xslt could be my starting point???

let me know your thoughts.
Bob

#8 - bob baty-barr on February 07, 2007 21:51

Christian... i worked it all out, your JSON examples are very powerful little vehicles for incorporating UMBRACO content with Flash! Nav is done!

#9 - Jason on June 19, 2009 04:50

Christian, I recently tried to use your flash app, the package throws an exception on installation under Umbraco 4. The files are imported, but when I get to step 5 there is no Gallery Example node.

#10 - custom shirts on August 25, 2009 11:04

Wow..great flash work there..I m going to give it a try. Will be updating you with my designs.

Btw if you want to design your own <a href="http://www.xgtees.com/">custom t shirts</a> then feel free to visit http://www.xgtees.com.

#11 - krispy007 on August 28, 2009 01:53

Hi man ... i tried to install this package on Umbraco 4.0 and it throwed an error ... but it managed to install most of the stuff ... but the FlashShowImagesFromMediaFolder script is not working in the browser ... any idas how can i ensure it installs successfully ??? thanks...

#12 - buy tamiflu on December 06, 2009 23:14

Nice blog! U really use Umbraco RSS package? What functions it's has?

#13 - Rihanna mp3 on December 07, 2009 10:51

Hello Christian.
I got it to work and it works great. I really just do need some help with a custom transition as opposed to the MX fading

#14 - buy cialis no script on December 13rd, 2009 04:39

good blogging

#15 - custom t-shirt printing on December 22nd, 2009 14:30

This is a great tip, thanks a lot.

#16 - Buy viagra sydney on January 08, 2010 15:00

Umbraco RSS package. it's a great idea

#17 - free shipping skelaxin on January 10, 2010 23:35

loved that site as usual good post

#18 - order skelaxin from canadian pharmacy on January 10, 2010 23:37

great thinge here@ good read

#19 - buy augmentin on January 23rd, 2010 22:23

order augmentin

#20 - augmentin online on January 24, 2010 04:13

fdsf dsf sdf sdf

#21 - augmentin no prescription on January 24, 2010 05:00

rtgrt rt re tret retre

#22 - Car Rental in Ukraine on February 11st, 2010 17:21

Car Rental in Ukraine

#23 - buy drugs no script on February 15, 2010 11:40

yes z z zz zz z

#24 - buy paxil without prescription on February 18, 2010 22:23

buy paxil without prescription

#25 - Rapidshare SE on March 08, 2010 17:48

It is a great idea. The main thing is to fullfill it in such a way so that the page downloaded quickly.

 

Create a new comment

Recent Post

Tags