FORUM

Zooming XML Slideshow

Home / Forum / Components Discussions / Zooming XML Slideshow

• spirit-rain

  

  
  Hi Flashblue,

  
  

  I have managed to change the file proportions, etc successfully. However I have failed to embed this slideshow in my own html page.

  
  

  I have placed your files inside a folder labelled slideshow and updated the url accordingly in the head tags of my html page which exists outside of the slideshow folder:
  <script type=“text/javascript” src=”slideshow /swfobject/swfobject.js”></script>

  
  

  Then within the body tags I have cut and pasted the script tags from your html page, and I have updated the paths aswell adding in the : swfobject.embedSWF(”slideshow /banner.swf”, “banner_div”, “200”, “400”, “9”, “slideshow /swfobject/expressInstall.swf”, flashvars, params, attributes);

  
  

  No matter what I do I simply cannot get the slideshow to work. Also, the FLA file doesnot contain the actionscript code so I can’t see if the problem is a broken xml link and I’m not sure how everything is linked to one another.

  
  

  If you could please advise me on this soon, I would greatly appreciate it.

  
  

  Thanks

  
  
  #  /  posted on Apr 11, 2009
• flashblue

  

  
  You need to change image location on XML file I think.

  
  

  Source code is included.

  
  

  com/flashdo/flashblue/Banner.as -> Includes banner codes,

  
  

  com/flashdo/flashblue/Main.as -> to embed it into another AS3 project.

  
  

  If you send me a test url I can look at the matter.

  
  #  /  posted on Apr 12, 2009
• mreyes

  

  
  Hi,

  
  

  I just purchased your zoom gallery at at first sight it seemed ok but when I try to include this on my own project I have a major problem.

  
  

  It seems to be no way of changing the position of the component. If you try to attach this on a movie clip other than the stage, where x or y are !=0, all the elements are misplaced. A component that can not be moved is useless.

  
  

  Can you fix that?

  
  

  Marcelo

  
  #  /  posted on Apr 13, 2009
• flashblue

  

  
  You can see an example of adding it to your project on

  
  

  com/flashdo/flashblue/Main.as

  
  

  You can change x-y positions there like that:

  
  

  banner = new Banner(xmlUrl);
  banner.x = 50;
  banner.y = 50;
  addChild(banner);

  
  

  It’s an MovieClip class.

  
  #  /  posted on Apr 14, 2009
• mreyes

  

  
  I did just that. Still the elements are misplaced when I change banner.x or banner.y, the menu numbers doesn’t show, and the images movement is acward.

  
  

  Here my code:
  package com.flashdo.flashblue
  { import flash.display.*; import flash.display.MovieClip; import flash.display.StageAlign; import flash.display.StageScaleMode;

  
  dynamic public class Main extends MovieClip { public var banner:Banner; public function Main() { //Stage noscale & align left stage.scaleMode = StageScaleMode.NO_SCALE; stage.align = StageAlign.TOP_LEFT; var xmlUrl = “banner.xml”; if (stage.loaderInfo.parameters[“xmlUrl”]) { xmlUrl = stage.loaderInfo.parameters[“xmlUrl”]; } //Use these lines to add banner to another flash project banner = new Banner(xmlUrl); banner.y=100; banner.x=100; addChild(banner); } } }
  

  ?im wondering if I have a bug in my Banner.as class.

  
  

  Marcelo

  
  #  /  posted on Apr 14, 2009
• flashblue

  

  
  You need to add a mask movieclip. Also, you need to use a bigger fla file then 590×300. Or change button positions from

  
  

  com/flashdo/flashblue/Banner.as

  
  

  button_mc.y = Math.round(globals.height-(button_height padding));

  
  

  Add a y coordinate manually.

  
  #  /  posted on Apr 15, 2009
• studiowebart

  

  
  When I’ export from Flash I don’t see the title into he movie. I don’t make any changes to zooming slideshow. It is possible to fix the title and the description (no on mouse over.
  Thank you.

  
  #  /  posted on May 21, 2009
• flashblue

  

  
  You need to install missing fonts listed in readme.html. I’ll send you fixed title-description file.

  
  #  /  posted on May 21, 2009
• BKCH

  

  
  Hi – great products – I’ve just bought this and it’s almost perfect for me.

  
  

  Can you tell me how to slow down the zoom motion??

  
  #  /  posted on Jun 17, 2009
• flashblue

  

  
  Open banner.xml. You’ll see transitionTime=“2”. It means 2 seconds. Write a bigger number there.

  
  #  /  posted on Jun 17, 2009
• BKCH

  

  
  Hi flashblue – thanks for the ultra-fast post. I tried that varliable but I don’t want to slow down the time it takes to transition from one image to the next – I just want to slow down the zoom on a particular image.

  
  

  I’m also having a bigger problem – I’ve created a test swf and uploaded to a test website but the directory for the xml file seems to be hard coded (it’s not taking the directory I configure via flashvars… (I think!)

  
  

  Any ideas? You can see my test page at: http://202.60.70.44/~chainsof/index.php/default/test?___store=default

  
  

  The code I used to insert the swf is:

  
  

  <link rel=“stylesheet” type=“text/css” href=“css/global.css” /> <script type=“text/javascript” src=“http://202.60.70.44/~chainsof/media/flash/swfobject.js”></script>

  
  

  <div id=“container”> <div id=“center”> <div id=“banner_div”></div> <script type=“text/javascript”> <!— var flashvars = { //xmlUrl: “http://202.60.70.44/~chainsof/media/flash/banner.xml” //Use to change XML filename or location }; var params = { scale: “noscale”, menu: “false”, bgcolor: “#000000” }; var attributes = { id: “banner_swf”, name: “banner_swf” }; swfobject.embedSWF(“http://202.60.70.44/~chainsof/media/flash/testy.swf”, “banner_div”, “460”, “204”, “9”, “swfobject/expressInstall.swf”, flashvars, params, attributes); //—> </script> </div> </div>

  
  

  Thanks for your help.

  
  #  /  posted on Jun 17, 2009
• flashblue

  

  
  You can just do it like that. Uncomment that line to make XML path work:

  
  

  //xmlUrl:

  
  

  like that:

  
  

  xmlUrl:

  
  #  /  posted on Jun 17, 2009
• BKCH

  

  
  opps – good point. (working now!)

  
  

  Any hint on slowing down the “zoom”??

  
  #  /  posted on Jun 17, 2009
• flashblue

  

  
  It just can be with transition time.

  
  #  /  posted on Jun 17, 2009
• BKCH

  

  
  :(

  
  

  Thanks for your prompt help anyway :)

  
  #  /  posted on Jun 17, 2009
• BKCH

  

  
  Hi – can I please ask one more question? Can you please tell me why the background on my object is black? (the bits behind the rounded corners)

  
  

  Thanks again.

  
  #  /  posted on Jun 17, 2009
• flashblue

  

  
  You need to change bgcolor from HTML.

  
  #  /  posted on Jun 17, 2009
• BKCH

  

  
  Thanks again :)

  
  #  /  posted on Jun 17, 2009
• flashblue

  

  
  Nop.

  
  #  /  posted on Jun 17, 2009
• BKCH

  

  
  Hi again – is it possible to configure the plugin so that it always zooms out? (At the moment it seems to randomly zoom in and out)

  
  #  /  posted on Jun 17, 2009
• flashblue

  

  
  Open com/flashdo/flashblue/Banner.as.

  
  

  Go to line 603. Change

  
  

  var zoomMode:int = getRandomInteger(1);

  
  

  to:

  
  

  var zoomMode:int = 0;

  
  

  You can also just use

  
  

  private function randomImageAnim():void {
  zoomOut();
  leftToRightPos();
  }

  
  

  or another code by clearing randomization in randomImageAnim() method.

  
  #  /  posted on Jun 18, 2009
• jayPEG

  

  
  Hello, I’m sorry, I read through the comments below and still am unable to figure out how to implement the flash into a page that’s in a different directory than the other files.

  
  

  I have the meta like this…

  
  

  <link rel="stylesheet" type="text/css" href="/slideshow/css/global.css" /> 
  <script type="text/javascript" src="/slideshow/swfobject/swfobject.js"></script> 
  

  
  

  ...then the script call in the index like this…

  
  

  <script type="text/javascript"> 
                      <!-- 
                      var flashvars = { 
  						xmlUrl: "/slideshow/xml/banner.xml" //Use to change XML filename or location 
  					}; 
  					var params = { 
  						scale: "noscale", 
  						menu: "false", 
                      	bgcolor: "#000000" 
  					}; 
                      var attributes = { 
  						id: "banner_swf", 
                      	name: "banner_swf" 
  					};         
                      swfobject.embedSWF("/slideshow/banner.swf", "banner_div", "590", "300", "9", "/slideshow/swfobject/expressInstall.swf", flashvars, params, attributes); 
                      //--> 
                  </script> 
  

  
  

  I can get the flash window with the numbers to come up, but no images. I tried changing the image paths in the xml file, but no luck. Is there another file that needs updating?

  
  

  Thanks!

  
  #  /  posted on Jul 06, 2009
• flashblue

  

  
  It seems like an image path issue. Try image path like this:

  
  

  /slideshow/images/...

  
  

  Can you send me a url to look?

  
  #  /  posted on Jul 06, 2009
• jayPEG

  

  
  OOPS! Got it working in a regular page. I think it’s the .tpl files I’m having a difficult time with. Sorry. Thanks for your help. Love the slideshow. Very cool!

  
  #  /  posted on Jul 09, 2009
• flashblue

  

  
  Thanks.

  
  #  /  posted on Jul 09, 2009
• impactweb

  

  
  Hi, I purchased this component and it is very nice thank you but I am trying to give the containg div a low z-index and a menu above it a high z-index so the slideshow will appear behind the menu items when they expand. It seems like no matter what attributes I set for the menu or slideshow it always appears at the front. How do I chage it?

  
  

  Also please tell me how I can set the background of the swf to be transparent? so I can have rounded corners and the image I have set for a background will show through.

  
  

  Lastly, can the rotation of images set to repeat or loop instead of just stopping after teh last images is loaded.

  
  

  Thank you

  
  #  /  posted on Sep 17, 2009
• flashblue

  

  
  You just need to write this to swfObject javascript:

  
  

  var params = { 
  						scale: "noscale", 
  						menu: "false", 
                      	bgcolor: "#000000", 
  wmode: "transparent" 
  					}; 
  

  
  #  /  posted on Sep 17, 2009
• impactweb

  

  
  Wow! thanks for your prompt responce! That worked perfectly. Now all I need is to allow the Fash to auto repeat. I’m sure this is a simple flash code setting. Cheers!

  
  #  /  posted on Sep 29, 2009
• impactweb

  

  
  HI, I’m still waiting for an answer to this question. Also, I have tried and tried to put the Flash slideshow in a background layer so I can have some special terx and images over top of the slideshow. No matter what I do the slideshow is always in front of the text and images. Even when all items have been set as absolute and z-index:0. Is there something that can be set in the Flash to give correct layer positioning? I have the site being released on Monday so I really want to know if this has somethign to do with the slideshow or html. Thanks again

  
  #  /  posted on Oct 16, 2009
• flashblue

  

  
  Look at code I wrote. I just need to change HTML code like that. Add

  
  

  wmode: “transparent”

  
  

  parameter.

  
  #  /  posted on Oct 16, 2009