You are viewing a post from electro kami classic - hello!

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]
<?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/”]

Get Adobe Flash player

[/kml_flashembed]

Download now:

Download Flash AS3 XML SlideShow

Support and questions

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