Flash AS3 XML SlideShow with Preloader and Link Hot Spots

flash as3 xml slideshow with preloader and hotspots

Flash AS3 Slideshow for freeee!

Flash ActionScript 3 XML-based slideshow

Here is the full source for an XML-based slideshow featuring a preloader and hotspots for links!

The timing of the slides, the images, and the hotspots can be controlled via the XML settings. Take a look at the XML below:

<?xml version="1.0" encoding="UTF-8"?>
<SlideShow timerBetweenSlides="3500">
	<slides>
		<item>
			<image_path>immortalwolf-slide-1.jpg</image_path>
			<Hotspots>
				<HotSpot x="0" y="0" w="590" h="250" alpha="0">
					<LinkUrl>http://www.immortalwolf.com/code-repository/flash-as3-components</LinkUrl>
				</HotSpot>
			</Hotspots>
		</item>
		<item>
			<image_path>immortalwolf-slide-2.jpg</image_path>
			<Hotspots>
				<HotSpot x="0" y="0" w="590" h="250" alpha="0">
					<LinkUrl>http://www.immortalwolf.com/code-repository/flash-as3-components</LinkUrl>
				</HotSpot>
			</Hotspots>
		</item>
		<item>
			<image_path>immortalwolf-slide-3.jpg</image_path>
			<Hotspots>
				<HotSpot x="0" y="0" w="590" h="250" alpha="0">
					<LinkUrl>http://www.immortalwolf.com/code-repository/flash-as3-components</LinkUrl>
				</HotSpot>
			</Hotspots>
		</item>
		<item>
			<image_path>immortalwolf-slide-4.jpg</image_path>
			<Hotspots>
				<HotSpot x="0" y="0" w="590" h="250" alpha="0">
					<LinkUrl>http://www.immortalwolf.com/code-repository/flash-as3-components</LinkUrl>
				</HotSpot>
			</Hotspots>
		</item>
	</slides>
</SlideShow>

Change the HotSpot attributes x,y,w, and h to move the link around the image.

Make the hotspot visible for verification with the alpha attribute. Change the alpha=”0″ to a number between 0 and 1 (like 0.7), to see a red box over your hotspot.

Inside the LinkUrl, you can add in any type of link or even a JavaScript popup or function call!

Change the image with the image_path setting for each slide.

And finally, you can alter the slide change speed by modifying the timerBetweenSlides at the top. Make sure to do the number as 1000 or more (1000 == 1 second).

The slideshow can even be resized – just modify the embed dimensions!

Demo

Get Adobe Flash player

Download now:

Download Flash AS3 XML SlideShow

Support and questions

Please direct any inquiries for this file in the comments below.

Related Posts
  • Lexie Baston

    Bravo.

  • Adaline Kunert

    Quite a beautiful script. I recently built mine and i was looking for some ideas and you gave me a few.
    Thank you

  • Jen O

    So helpful and so useful actionscript. Thanks for the such amazing source code. Good job!

  • Russell Scheinberg

    I think your code is fantastic. Looks great and easy to manage. I have run into one problem. It works great in IE but the hot spots are not working in any other browser I’ve tried, including Chrome and Firefox. Have you seen this before?

    Thanks.

  • http://electrokami.com Metawriter

    Hi Russell! Glad you like it!

    The default class from the download should work in all browsers including IE6+, Chrome, Safari, Firefox, and Opera.

    If you have a link to a page with the flash file in I would be glad to take a look and help!

    Or you can email me at updates@electrokami.com

    • Janesa

      Last one to utilize this is a rotten egg!