Search  

XML SLIDESHOW WITH MASKING TRANSITIONS .V3

HomeBrowse CategoriesFlashApplications and UtilitiesImage ViewersXML Slideshow with Masking Transitions .v3
Full_screen_preview

XML Slideshow with Masking Transitions & Ken Burns


This is a simple sideshow tool, that allows you to create cool slideshows with navigation and use them as banners, headers, or just slideshows ..

02.10.2008 UPDATE : v3.2
Version 3.2 is an irony version :) I finally followed the advice of some buyers and made a version with fade transitions only. So if you like a more “classy” slideshow, v3.2 is the right answer for you.
I also updated the ken burns effect in versions 3.1 and 3.2. You can now control the ken burns effect for every photo larger than the screen. You can set every picture to move from TOP -LEFT to BOTTOM -RIGHT for example, and so on.

13.09.2008 UPDATE : v3.1
This version has a better transition engine. So now, if you will give the transition more time(around 5sec), you will get a really spectacular effect ;) In this version the shapes appear randomly, with even more random easing types, and the new thing, is that they appear with different alphas. So you will see the top image blending trough the second image. It is a pretty cool effect.

Features:
  • unlimited number of photos
  • title text
  • description text
  • hyperlinks linked to every photo
  • great masking transition tool:
    • 22 shapes included(shapes are free vectors downloaded from vecteezy.com
    • posibility to use your own shapes very easy
    • change number of shapes in transition
    • change the speed of the transition
  • slideshow
  • highly customizable ken burns effect
  • next/previous/play/pause buttons
  • preloader for every photo
  • timer
  • autorepeat
  • inteligent loading(pictures are loaded silently in the background)
  • the two *.xml files can be sent trough flashvars(the two vars are : photosXML and settingsXML)
What properties can you change from the XML file?
  1. Size settings
    • width of the image rotator(you need to change the size of the image rotate from the Flash file too)
    • height of the image rotator(you need to change the size of the image rotate from the Flash file too)
  2. Transition settings
    • shapes array(you can choose to use only one shape, or use multiple random shapes)
    • how many shapes are in a column
    • how many shapes are in a row
    • transition time
    • slideshow time
    • ken burns effect ON/OFF
  3. Caption settings
    • title size
    • title color
    • description size
    • description color
    • captions background color
    • captions background opacity
  4. Graphical Timer Bar settings
    • timer on/off
    • timer color
    • timer height
    • timer opacity
  5. Preloader Bar settings
    • preloader on/off
    • preloader color
    • preloader height
    • preloader opacity
  6. Button settings
    • next/previous buttons on/off
    • play/pause buttons on/off
    • buttons opacity
    • ‘show buttons only on rollover’ on/off
You can modify the graphics of the next/previous buttons. You can also add your own shapes. Video help about how can you use this, change buttons and shapes, included. Code is highly commented.
Because the size of the movie needs to be changed, i will change it for free for everyone who don’t have Flash 8 or don’t know how to change the size of the stage in a *.fla file

Featured Files :



Check out all my files by categories :



Posted 3 months ago

achieved multiple slideshows in a web project. It involves changing both xml path’s in the fla. Then marry up that path in the photos.xml for the images.

5 stars

Posted about 1 month ago

Hi there Ruben,

Question on the CPU consumption. I’ve found that the sildeshow is CPU intensive on both a super fast MAC G5 and on PC. The slides play back “jerkey” so they stutter no matter what the size of the jpegs or the transitions used. Plus, when looking at my activity monitor on OSX and Windows Task Manager, the CPU usage is through the roof!

Is there a way to make it more CPU efficient?

I’ve seen a few posts here mentioning CPU problems

Please advise

Thanks

Posted about 1 month ago

Hello Ruben;

I have the same problem as anton123 whereas the slideshow appears “jerky” when using the “Ken Burns Effect”; is there any way to prevent this from happening?

Thank you in advance;

Posted about 1 month ago

Hi

I will give you the same answer that i gave Anton in an email. I can’t really do anything about this.. Use less shapes in the masking transitions if that helps, but other than that i can’t give any advice. If you see the preview files, they work fine and i can’t see that “jerky” effect so i don’t know why it does that.

Posted about 1 month ago

Ruben,

I’ve found that v3.2 is lower on CPU (although still very high…...). Question on the pause and play button as well as url linking:

It seems a hit and miss affair. I have to click the pause button about 10 times before it responds. Url linking also needs a string of clicks before it launches the link? (how do you get it to open the link in the same window?)

Please advise how to get this working right – nothing more frustrating for a customer who sees a pause button and wants to pause the slideshow, but it doesn’t respond…..

Re the jerky playback – I’ve found sticking to only L , R , T , B pans play back smoother than TL , TR , BL , BR …....

Thanks for the help.

Posted 29 days ago

Cannot embed flash file into a .php page.

site.com/slideshow.swf works

cannot embed slideshow.swf on index.php!

any help?

Thanks

Posted 29 days ago

hi

i just bought your slideshow. it’s good but there’s a problem…

the first time you view the slideshow from within my site its fine… but when you load it a second time the timings and fades on the pics mess up and go faster/randomly

please advise on how to fix this

thanks

Posted 27 days ago

Hi i like this XML driven slideshow, is it possible to have this same .fla without the moving of the actual image (same size for all the images) actulaly a full screen!

adardesign@gmail.com

Thx!

Posted 8 days ago

Just purchased.

... but I can’t have the photos.xml file in the same directory as the main files. What can I do? The tutorial movie mentioned properties.pdf but there was no such doc in the zip file. It also mentioned a path to the xml files but I don’t see any specifics on that option.

I fogot to upload the slideshow.as file and there was no zooming. I then uploaded it and I saw zooming. So, is the .as file required for deployment. seems so?

Thanks. randy

Posted 8 days ago

Hi Ruben,

I just purchased, see above. This is my second post so I’ll make it more concise.

1. How can I locate my photos.xml file in another directory?

2. How can i resize the object?

Thank you Randy

Posted 6 days ago

Hi Randy .. this is your second post and what :D it was only one day..Do you think that i can offer 24/7 support? 1-2 days it’s the average time for answers to get responded, so don’t jump in here so fast :) Anyway ..

1. You need to send the photos.xml and settings.xml via flashvars. Inside of the slideshow that you want to use there is a ”- FLASH VARS ” folder. Use that version of the file and sent the two xml files via flashvars. If you don’t know about flashvars i suggest you google it and find more. A quick intro though, instead of embedding something like movie=”etc.swf”, you embed the object in this way movie=”etc.swf?photosXML=’.”>http://www.etc.com/photos.xml’&settingsXML=’http://www.etc.com/settings.xml’”. I hope you got the idea.

2. To resize the slideshow you need to resize it from the main flash file.. So open the fla file that you are using(the one in the flashvars folder in your case now) and just resize it as you resize any flash file. This was written in the description and it proves that people don’t read descriptions LOL :D So if you don’t have Flash installed i resize the flash file for all who don’t have flash. After you resize the flash file, re-compile it then change it in the xml.

Regards,
Ruben.

Posted 6 days ago

oh yeah..the almighty flashden comments :D so .. flashvars

movie=”etc.swf?photosXML=photos.xml&settingsXML=settings.xml

Posted 6 days ago

Hey adardesign ... of course :) Just turn the ken burns effect off from the settings xml file.

Posted 6 days ago

Thank you flasher3015 for the help.

I replaced the line ‘movie’, ‘slideshow’,

in your javascript call, with

‘movie’, ‘slideshow?photosXML=http://www.mydomain.com/photos.xml&settingsXML=http://www.mydomain.com/irw2/settings.xml’,

but of course I don’t use mydomain.com but the real one. It looks like your function AC_FL_RunContent( is setup to parse that string.

I also uploaded the FLASHvars version of slideshow.swf but I am not getting a slideshow, just a black box. photos.xml has been verified for accurate pathing. All the code other than photos.xml is in the irw2 directory. Do I need to pass the var for settings.xml if that location does not change?

What do you think I need to do?

Posted 5 days ago

try to put the path to the xml file in double quotes : photosXML=”photos.xml” and so on..

Posted 4 days ago

Still can’t get it to work. I have..

if (AC_FL_RunContent == 0) {
    alert("This page requires AC_RunActiveContent.js.");
} else {
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0',
'width', '500',
'height', '300',
'src', 'slideshow',
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'window',
'devicefont', 'false',
'id', 'slideshow',
'bgcolor', '#000000',
'name', 'slideshow',
'menu', 'true',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'slideshow?photosXML="http://www.thedomain.com/photos.xml"&settingsXML="http://www.thedomain.com/irw2/settings.xml"',
'salign', ''
); //end AC code

(where thedomain.com is replaced with real domain name)

photos.xml has been tried with relative and fully qualified paths to the images which are in /irw2/homepics

I have the flashvars version of slideshow.swf in the irw2 directory. test page shows the flash object but all black.

Looks like there is no difference in photos.xml and settings.xml in the flashvars directory vs the ones in the regular directory, right. Nothing special for flashvars version that I can see.

what do you suggest?

Posted 2 days ago