Flash AS3 XML SlideShow with Preloader and Link Hot Spots
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]
<?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>
[/xml]
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
[kml_flashembed publishmethod=”static” fversion=”9.0.0″ movie=”/wp-content/uploads/2010/11/SimpleSlideshow.swf” width=”590″ height=”250″ targetclass=”flashmovie” play=”true” menu=”false” quality=”high” scale=”showall” bgcolor=”#ebebeb” wmode=”opaque” swliveconnect=”true” allowfullscreen=”false” allowscriptaccess=”sameDomain” base=”/wp-content/uploads/2010/11/”]
[/kml_flashembed]
Download now:
Download Flash AS3 XML SlideShow
Support and questions
Please direct any inquiries for this file in the comments below.