hulse.me

Article

/ My SlideShowPro setup / Custom AS3 classes with Google Maps integration via ExternalInterface & javascript

I “publicly released” my SlideShowPro custom code today… You can view/download it here.

The FLA is in Flash CS5 format; SSP component NOT included.

  1. Open FLA in CS5, drag/drop your purchased version of the SSP component onto the stage; this adds the component to your library.
  2. Delete component from the stage.
  3. Right-click on the SSP component in library, get “properties” and choose “Export for ActionScript”.
  4. When upgrading to a new version of SSP, update the component and then repeat steps 1-2 above. Too easy!

Class dependencies:

Add the above packages to your classpath.

The code:

Document class. Be sure to change line 30 so that the array includes your domain(s).

Handles full screen mode and resizing of the stage.

Modify the look/feel of the SSP component. Add/remove properties as you see fit.

Gets/modifies specific SSP component properties via flash vars. Add your own SSP XML file path to line #47 for testing SWF locally.

Album or gallery?

Optional class: Reads GPS data via an SSP “show location on map” custom link OR the photo’s EXIF metadata.

Javascript to include on page if photos in album have GPS links and/or EXIF metadata.

.loader {
	background: url(../images/template/loader-02.gif) no-repeat center center;
	height: auto;
	min-height: 32px;
}
* html .loader { height: 32px; }
#map { display: none; }

Sprinkle in a little CSS…

<div class="loader" style="width:854px;height:500px;">
	<div id="map"></div>
</div>

… add some HTML …

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="map.js"></script>

… don’t forget to include the JS …

$(window).load(function() {
    $('#map').width(854).height(500).show();
    sspGpsMap.init();
});

… last but not least, mix in a little jQuery goodness.

If you use any of the above code in your own project(s), please be sure to give me some credit. :)

Feel free to .(JavaScript must be enabled to view this email address) me if you have any feedback and/or questions.

Enjoy!