Yet Another Image Gallery
Actionscript 3, Flash Components, Tutorials February 4th, 2008Lately there were some questions about the possibility of adding new elements to the XML file when working with the Slideshow or Thumbnail Scroller components. The answer is yes, you just need to parse the XML file again. Two weeks ago I made a tutorial on how you can add new elements to the Thumbnail Scroller component. It’s pretty easy to do it, once you know how to work with XML in AS3. Lee Brimelow has made a new video tutorial on the basics of working with XML in AS3, so if you’re a beginner in AS3 you want to see that tutorial.
I’ve made a new image gallery example in which I add a title and a description for each image. This image gallery has 2 XML files: one contains the path to the thumbnails and the other contains the path to the large images, the title and the description. You just read the title and the description from the XML file and save the data into an Array and every time you load a new image, you use the array element that has the index equal to the image’s id. It’s pretty easy. You can download the source files here.
Support
As of 11 March 2009, support is no longer provided for the free components. If you need support, please purchase the commercial version of the components.
February 20th, 2008 at 11:09 pm
nice work, great components. i think this gallery could really benefit if the slideshow could control the scrollbar…so, user clicks image, slideshow goes to next image and scrollbar automatically moves forward. this would help the users used to clicking images to move fwd in a slideshow.
March 7th, 2008 at 10:36 pm
Great components. this particular example answered so many of my questions. I added a third dynamic text field and now understand xml in as3 just a little better. However I am having one problem that I can’t work out. On publishing the swf the text fields are at first blank. I have to click a thumbnail to populate the fields from the xml. How can I get the first instance to also populate the fields?
March 7th, 2008 at 11:22 pm
In my example I’ve added an event listener for the slideshow and when a new image is loaded the text fields are populated…this way the fields are populated for the first loaded image too
March 8th, 2008 at 1:04 am
I fixed it by cleaning up my timeline I had an extra frame that goofed the script. Thanks for your reply.
March 26th, 2008 at 12:27 pm
Hey There
Cool component. Im a little new to xml
I wish to have 3 big thumb with clientname in a dynamic textfield below the thumb.It should have a url on mouse down. Or even better would it be possibel to get it to just change stage or goto a framelabel ? is this supportet in xml ?
Thanx for your cool work
March 27th, 2008 at 2:52 pm
Hi,
You should be able to do that if you follow this tutorial.
Right now I don’t have time to make an example myself.
April 2nd, 2008 at 12:47 pm
AS2 version of this tutorial http://flashotaku.com/files/gallery_ex3_as2.zip
April 10th, 2008 at 4:59 pm
some one knows why is this mesage apear?
Error #2044: Unhandled IOErrorEvent:. text=Error #2035: URL Not Found.
April 10th, 2008 at 5:15 pm
When do you get this error?
April 10th, 2008 at 9:15 pm
Hi FlashOtaku – I think your components are great, but I am getting a strange error. You can see it in action at http://dcmm.lifeshapedfaith.com – its a site I’m building for a friend. The slideshow is on the facilities tab.
Basically, the slideshow calls on getroomsxml.php which generates the xml file from my mysql database (adobe xml export in DW cs3) The generated xml file is called both by the slideshow and seperately into the flash file (an external roomfla.swf) to load seperate data.
It’s freezing on when I select the final item in the list (currently room four) although it froze on room three when I only had three rooms!
this is the dump I get when testing on flash player on my machine:
TypeError: Error #1010: A term is undefined and has no properties.
at roomfla_fla::roomspage_1/onXmlComplete()
at flash.events::EventDispatcher/dispatchEventFunction()
at flash.events::EventDispatcher/dispatchEvent()
at flash.net::URLLoader/onComplete()
any help appreciated.
April 10th, 2008 at 10:23 pm
Hi Jon,
Please check to see if the path for the 4th image is correct. The slideshow would normally freeze if the path is not correct. But I don;t know what to say about the error message you’re getting. Doesn’t seem to me like an error generated by the slideshow. Are you getting this error when you click the 4th image?
April 17th, 2008 at 11:02 pm
Hey! your slide shows seem super cool… I am working on a school project and have not been able to create any slide shows whatsoever… I have tried to implement the code into my file (on the second scene) but it doesn’t work! I’m not sure if i’m skipping some kind of step…
can you please help? please please please :) :)
April 17th, 2008 at 11:37 pm
Hi Angelica,
Please tell me what you’re trying to do and I will help you.
April 18th, 2008 at 7:32 pm
thanks 4 d quick response, but I was having a brain spasm yesterday & could not make anything work, well, good news u r amazing & the slideshow works perfectly! :) :) :)!!! now, is it possible to use the same thumbnail comp for FLV files?
April 18th, 2008 at 8:27 pm
Loading FLVs directly is not supported(you can only load JPG, PNG, GIF and SWF) but you could include the FLV files in SWF files and then load the SWF files.
April 20th, 2008 at 9:59 pm
Thanks a lot for this. I am using the AS2 version
I have questions :
1. My images have different dimension. How can I set the slide to resize accordingly? This will be cool also if it apply to the thumbnail with fixed height and variable width.
2. Is it possible to combine the xml for images and for thumbnails in one single xml file?
Great work and such a generous contribution
April 20th, 2008 at 10:15 pm
Sorry for the post above – never use component before.
Question 1 – set in the Parameter to “maintain aspect ratio”
Question 2 – remains
April 20th, 2008 at 11:19 pm
Sorry, for another comment again.
I want to add reflection class to the mySlideshow from pixelfume here ( http://pixelfumes.blogspot.com/2007/03/reflection-class-v3-with-source.html#comments)
But It doesn’t work.
Here’s the code :
[code]
import com.pixelfumes.Reflect;
new Reflect({mc:mySlideshow, alpha:85, ratio:255, distance:1, updateTime:0.33, reflectionAlpha:90, reflectionDropoff:7});
[/code]
Appreciate for your help
April 21st, 2008 at 12:25 pm
Beebs,
You can use a single XML file only if you want to load the same images for the slideshow and thumbnail scroller because both components use the same attribute in the XML file for the path.
When you use the reflection, add this code:
var transitionStartObj:Object = new Object();
transitionStartObj.transitionStart = function(event:Object)
{
mySlideshow.removeEventListener(“transitionStart”, transitionStartObj);
var reflection = new Reflect({mc:mySlideshow, alpha:85, ratio:255, distance:1, updateTime:0.33, reflectionAlpha:90, reflectionDropoff:7});
}
mySlideshow.addEventListener(“transitionStart”, transitionStartObj);
April 21st, 2008 at 11:56 pm
Thanks a lot for your repply.
I have an error code with the code that you gave me :
[CODE]
This type of quotation mark is not allowed in ActionScript. Please change it to a standard (straight) double quote.
[/CODE]
So I changed it to single quote, the error message is gone and the reflection is applied. However, the reflection is only applied to the first image.
Upon click on the thumbnail, the respective image is loaded but the reflection does not change – still applied for the first image.
Any workarround is appreciated. Thanks FlashOtaku
April 22nd, 2008 at 12:07 am
I’d like to give an additional information of my post above – maybe it’s relevant for the investigation :
In The parameter of mySlideshow are :
-scalemode : maintain aspect ratio
-transition effect : blur
-transition speed : 30
Thanks
April 22nd, 2008 at 9:41 am
Hi Beebs,
It works fine for me. Here is the source http://flashotaku.com/files/gallery_ex3_as2_reflection.zip
April 22nd, 2008 at 1:51 pm
Hi Flash Otaku,
Thanks a lot for your reply and work arround file. I really appreciate it.
By looking your file I just notice that the problem from my file is because the class path.
I have to confess that I am pretty new in using component. With all due respect to your hardwork is it too much to ask the non-component version?
Thanks again FlashOtaku for your help and generousity.
April 22nd, 2008 at 2:54 pm
Well, I’m not planning to release the source code yet.
April 23rd, 2008 at 1:23 am
Love your work!
One question. Is it possible to load FLV files into the slideshow window? I made a SWF file containing the FLV (chose no seek or volume functions, just the FLV) and added it to the XML file, made a thumbnail for the scroller, changed that XML file, but when I click the thumbnail, the slideshow window is blank. No errors or anything.
April 23rd, 2008 at 9:41 am
Hi Spanners,
It seems like a path issue. Try using an absolute path for your FLV file.
April 24th, 2008 at 11:45 pm
Hi :)
I am trying to use the slide show in 2 different scenes, one for images and the other one for swf’s. it was working perfectly until I created the second scene. I have already created the xml file for the swf’s and changed the path on the component on the second scene, but its giving me this error:
1151: A conflict exists with definition urlRequest in namespace internal.
April 24th, 2008 at 11:55 pm
FlashOtaku,
I second the feature to enable flv of this great component for future update.
April 25th, 2008 at 12:14 am
ok, never mind about last post (error 1151) sorry :( silly me… :(
now, sorry for this silly question, but i’m having the same issues as Spanners with the swf’s… what is an absolute path? how do i change it in my xml?
April 27th, 2008 at 11:15 am
Hi these,
i want to use you great library in flex but i can do that with MXP file,
how can i do that??
Thank and regards
Saed
April 27th, 2008 at 7:31 pm
Hi! I would like to modify this so that the transition is the same for each image, preferably a blur. Is there a way to do this?
April 28th, 2008 at 12:20 am
Hey Otaku, me again,
I tried the absolute path to both the FLV inside the SWF and also the absolute path to the SWF in the XML (make sense?). See my XML below…
**obviously I have a legit address here with the SWF and the FLV sitting there in the correct folders but for security reasons can’t display until this site is live
So does it matter that I have <image path=” in front of the URL or does it have to be <video path=” or something?
Angelica: The absolute path (I’m pretty sure) is the complete URL to the image. Instead of “images/image01.jpg” you’d put “http://www.yourwebsite.com/images/image01.jpg”
Sarah Chamberlain: Click the Slideshow Component on your stage, go to the Component Inspector and change the “Transition effect” from “Random” to “Blur”. Then just adjust the settings for the Blur options in the component inspector. All your images blur in then.
April 28th, 2008 at 12:21 am
?xml version=”1.0″ encoding=”utf-8″?>
images>
/images>
April 28th, 2008 at 12:23 am
Sorry, took out the less-than symbols to show my XML file.
?xml version=”1.0″ encoding=”utf-8″?>
images>
image path=”images/gallery020.jpg”/>
image path=”images/gallery019.jpg”/>
image path=”images/gallery018.jpg”/>
image path=”images/gallery017.jpg”/>
image path=”images/gallery016.jpg”/>
image path=”images/gallery015.jpg”/>
image path=”images/gallery014.jpg”/>
image path=”images/gallery013.jpg”/>
image path=”file:///U|/LIBS%5FFS2/Barry%20O%27Farrell%20website/video/videotest.swf”/>
image path=”images/gallery012.jpg”/>
image path=”images/gallery011.jpg”/>
image path=”images/gallery010.jpg”/>
image path=”images/gallery009.jpg”/>
image path=”images/gallery008.jpg”/>
image path=”images/gallery007.jpg”/>
image path=”images/gallery006.jpg”/>
image path=”images/gallery005.jpg”/>
image path=”images/gallery004.jpg”/>
image path=”images/gallery003.jpg”/>
image path=”images/gallery002.jpg”/>
/images>
April 28th, 2008 at 1:18 am
OK, after some time and a lot of trial and error, I got the FLV to run in the slide window. Otaku, you were right, it still needed the full URL for the FLV in the SWF, and a simple “video/videotest.swf” in the XML file. Some notes…
1) In the SWF file with video, you must set the video component (FLV) “maintainAspectRatio: false” and in the Flash Otaku slideshow “scale mode: no scale”. This means your video must be the exact size you want the Slideshow window to be. Also make the stage in the SWF with video the same size as your slideshow window.
2) It doesn’t like the transitions. I would click the thumbnail to bring up the video in the slideshow window and the JPG image displayed before would enlarge and linger behind and out the bottom of the SWF (FLV) file until the transition completed, then the previous JPG disappeared. So unfortunately I had to turn those off so it didn’t look scrappy.
3) It’s best to turn off the borders as well. Same thing as the JPGs, the border for some reason enlarges and doesn’t properly frame the SWF file
4) MAKE SURE your SWF with video and your SWF with the FLashOtaku components are THE SAME AS. You can’t have an AS3 video in an AS2 Slideshow window or vice versa (I was working in AS2 due to not all web users having the latest Flash installed).
Anything you can add FlashOtaku that can fix my issues would be awesome!
April 29th, 2008 at 11:43 am
Saed,
After you install the MXP, a SWC file will be created at C:\Users\yourUser\AppData\Local\Adobe\Flash CS3\en\Configuration\Components\FlashOtaku
Import that SWC file in Flex and see if ti works.
Spanners,
You could still use relative paths but you need to be careful because all paths need to be relative to the SWF file that contains the component. But, as you said, there are still some issues. The component was built primarily for loading images and right now I don’t have much time to look into this problems. I’ll see if I can come up with some quick fixes.
June 30th, 2008 at 10:23 am
hi how do I add a reflection to the horizontal thumbnail ?
June 30th, 2008 at 12:18 pm
Hi,
The component doesn’t have a built-in reflection feature but you could create a reflection using this class:
http://pixelfumes.blogspot.com/2007/03/reflection-class-v3-with-source.html
July 1st, 2008 at 5:57 am
thx i’ll look in to this :D
July 4th, 2008 at 12:52 pm
thx,.. it worked! :D
July 12th, 2008 at 4:34 am
Excellent and user friendly work. Superb really!
Just a note! I tested the gallery on IE 6,IE 7 and Safari and run OK, but on Firefox 2, the preloader keeps showing for a mere second even if the photo is already vivited. Is something , concerning cache or other, I have to fix with Firefox? Thank a lot!
July 12th, 2008 at 10:41 am
Hi johnnie,
If you really want to fix that for firefox 2, you could create an array to store all the slides that were loaded and when you load a new slide, if the slide is in the array, you set the preloaderType to “none”. If the slide is not in the array, you set preloaderType to “circular”.
However, in Firefox 3 it works OK.
July 13th, 2008 at 4:05 am
I’ll try firefox 3. Thanks. By the way this is the flash code. Do I have to add the code about the array and the preloaderType here? Sorry I know only basic actionscript.
Thanks again!
July 14th, 2008 at 4:11 am
I tried your exact image gallery ,but with fade transitions, in firefox 3 but the preloader keeps flashing occasionally for a fraction of a second but it’s still visible. Could you show me the placement of the above mentioned array in relation to the code of the image gallery shown on this page? Is there something I have to do with the publish settings in CS3? Thanks!
July 14th, 2008 at 7:37 pm
What actionscript version do you use? It seems like the AS2 version has this issue in FF3 too but the AS3 version doesn’t.
Anyway, here’s the code I was talking about:
if (openedSlides.indexOf(event.item.id) == -1)
{
openedSlides.push(event.item.id);
mySlideshow.preloaderType = “circular”;
}
else
{
mySlideshow.preloaderType = “none”;
}
You need to add this in the clickHandler function, before mySlideshow.loadImage();
July 16th, 2008 at 8:29 pm
Hi and thanks for this nice component :-)
I have some trumble connecting the slideshow and the ThumbnailScroller together.
I wanna tell the ThumbnailScroller wish thumb picture, that is selected by using information from the slideshow or something like that (autoslideshow).
With your slideshow i can use
SlideShow.loadImage(id);
to tell wich image i wanna load.
But when i want to tell my thumbnailScroller wich thumb picture to modify, how can i do that ??
I know the id number of loaded image in slideshow, can i use that to tell the thumbnailScroller wich image i wanna ex. set the alpha to 1 on ?
July 17th, 2008 at 9:46 am
Hi Allan,
Here’s a similar example to what you need: http://flashotaku.com/files/gallery_ex6_as3.zip
July 17th, 2008 at 11:17 am
I have one more questen :-/
It is all working fine on frontpage. But when i jump to another page in a subdir, then have a problem
woking fine -> http://kka.wwwdev.punktum.gl/
not woking ->
http://kka.wwwdev.punktum.gl/content/dk ,
http://kka.wwwdev.punktum.gl/content/dk/medlemmer
How can i make it possible always start the path in the root ex. path=”/demoPic/1.jpg”. Is it something with the crossdomain.xml todo or ???
July 17th, 2008 at 11:47 am
I think it would be better to use absolute paths if you have the same slideshow in multiple pages.
July 17th, 2008 at 12:09 pm
Yes it is used on multiple pages, the ownly thing there is changing is the images.xml document there wil be automatical generated by an xmlProvider (have not build that yet).
in my place whould an absolute path be something like:
c:\wwwroot\kka\demoPic\1.jpg
or
is it ../../../demoPic/1.jpg
I have tryed “/demoPic/1.jpg”, “./demoPic/1.jpg” with no result.
Sorry about this dum questen, but it is all new for me :-)
July 17th, 2008 at 12:36 pm
Wwuhuuu – Google is your friend :-)
Thanks for your help it really helped and thanks for letting os use your components.
don’t you have a donate side something, i would gladly give $$ for this product or when do you have a payed version ready ???
// Allan
July 17th, 2008 at 1:28 pm
Well, I’m working on a few commercial components, including a thumbnail scroller which will be much improved. Unfortunately, I don’t know when I will release them because I also have projects for different clients. Anyway, I’m doing my best and I’m glad you would be interested in a payed version. :D
July 17th, 2008 at 6:35 pm
Wooww, Coolll!!
How does it works when you have more images of the thumb in the images.xml file?
And do you always have to use 2 separate xml files to connect the two components together?
Greets,
Vanity
July 17th, 2008 at 8:39 pm
Is it possible to control the text color through the XML? I’m interested in specifying a different hex code for each photo description. Thanks in advance for any help!!
July 18th, 2008 at 6:25 am
I put the extra code about the preloader in flash 8 as2 but now I don;t see the preloader at all in IE 6 nad FF3.
Here’s the actionscript in flash 8. Probably I have put it in the wrong place. Could you check it please and many thanks again!
import caurina.transitions.Tweener;
var releaseObj:Object = new Object();
var titleArray:Array = new Array();
var descriptionArray:Array = new Array();
var xmlFile:XML = new XML();
var level = this;
var slideInitObj:Object = new Object();
attachMovie(“Slideshow”, “mySlideshow”, 1);
mySlideshow.xmlPath = “images.xml”;
mySlideshow.setSize(600, 400);
mySlideshow._x = 100;
mySlideshow._y = 30;
mySlideshow.setBorder = true;
mySlideshow.borderThickness = 5;
mySlideshow.preloaderType = “bar”;
mySlideshow.transitionEffect = “fade”;
mySlideshow.transitionSpeed = 3;
mySlideshow.scaleMode = “noscale”;
attachMovie(“ThumbnailScroller”, “myScroller”, 2);
myScroller.xmlPath = “thumbnails.xml”;
myScroller.setSize(610, 70);
myScroller._x = 100;
myScroller._y = 450;
myScroller.setBorder = true;
myScroller.borderThickness = 1;
myScroller.space = 1;
myScroller.thumbHeight = 40;
myScroller.thumbWidth = 60;
myScroller.easingType = “Exponential”;
myScroller.easingMethod = “easeOut”;
myScroller.moveAmount = 610;
var initObj:Object = new Object();
var rollOverObj:Object = new Object();
var rollOutObj:Object = new Object();
myScroller.addEventListener(“onThumbInit”, initObj);
myScroller.addEventListener(“rollOver”, rollOverObj);
myScroller.addEventListener(“rollOut”, rollOutObj);
initObj.onThumbInit = function(event:Object){
Tweener.addTween(event.target.child, {_alpha:50, time:.1, transition:”linear”});
}
rollOverObj.rollOver = function(event:Object){
Tweener.addTween(event.target.child, {_alpha:100, time:.1, transition:”linear”});
}
rollOutObj.rollOut = function(event:Object){
Tweener.addTween(event.target.child, {_alpha:50, time:.1, transition:”linear”});
}
attachMovie(“Arrow”, “left”, 3);
left._x = myScroller._x – left._width – 5;
left._y = myScroller._y + (myScroller._height – left._height)/3;
attachMovie(“Arrow”, “right”, 4);
right._rotation = 180;
right._x = myScroller._x + myScroller._width + right._width + 5;
right._y = myScroller._y + (myScroller._height – right._height)/3;
left.onRelease = function(){
myScroller.moveLeft();
}
right.onRelease = function(){
myScroller.moveRight();
}
var obj:Object = new Object();
obj.release = function(event:Object){
if (openedSlides.indexOf(event.item.id) == -1)
{
openedSlides.push(event.item.id);
mySlideshow.preloaderType = “bar”;
}
else
{
mySlideshow.preloaderType = “none”;
}
mySlideshow.loadImage(event.target.id);
}
myScroller.addEventListener(“release”, obj);
xmlFile.load(“images.xml”);
xmlFile.ignoreWhite = true;
xmlFile.onLoad = function(succes:Boolean){
if(succes){
for(var i=0; i<this.firstChild.childNodes.length; i++){
if(this.firstChild.childNodes[i].attributes.title != undefined){
level.titleArray.push(this.firstChild.childNodes[i].attributes.title);
}
if(this.firstChild.childNodes[i].attributes.description != undefined){
level.descriptionArray.push(this.firstChild.childNodes[i].attributes.description);
}
}
}
}
mySlideshow.addEventListener(“onSlideInit”, slideInitObj);
slideInitObj.onSlideInit = function(event:Object){
Tweener.addTween(myTitle, {alpha:0, _blur_blurX:0, _blur_quality:2, time:.5, transition:”linear”, onComplete:showText, onCompleteParams:[event.target.id]});
Tweener.addTween(myDescription, {alpha:0, _blur_blurX:0, _blur_quality:2, time:.5, transition:”linear”});
}
function showText(nr){
myTitle.text = titleArray[nr];
myDescription.text = descriptionArray[nr];
Tweener.addTween(myTitle, {alpha:100, _blur_blurX:0, _blur_quality:2, time:.3, transition:”linear”});
Tweener.addTween(myDescription, {alpha:100, _blur_blurX:0, _blur_quality:2, time:.3, transition:”linear”});
}
July 18th, 2008 at 9:58 am
@Vanity
What do you mean by more images of the thumb?
You could create only one XML file to be used by both slideshow and scroller but in that case both components would use the same images, which is inconvenient if you want smaller images for the scroller.
July 18th, 2008 at 10:01 am
@Ian
Yes you could do that. It’s the same as adding the title an description. If you need help with this I could make an example later.
July 18th, 2008 at 10:27 am
@johnnie
If you use AS2, the code it’s a little different, because in AS2 the array class doesn’t have the indexOf() method.
This is what you need to do in AS2:
var openedSlides:Array = new Array();
openedSlides.push(0);
obj.release = function(event:Object)
{
for (var i:Number = 0; i < openedSlides.length; i++)
{
if (openedSlides[i] == event.target.id)
{
mySlideshow.preloaderType = “none”;
break;
}
else
{
mySlideshow.preloaderType = “bar”;
}
}
openedSlides.push(event.target.id);
mySlideshow.loadImage(event.target.id);
}
July 18th, 2008 at 4:48 pm
Yes, please any example you could provide would be very helpful!
July 21st, 2008 at 1:45 pm
Here’s the example: http://flashotaku.com/files/gallery_ex7_as3.zip
July 22nd, 2008 at 9:50 pm
Thank You! Worked Perfectly. The site you run is amazing — helpful in so many ways. Thanks again.
July 23rd, 2008 at 4:04 am
Unfortunately the preloader is still visible for a fraction of a second in Firefox 3 even on already loaded pictures. Same problem with some other flash galleries. Is it some setting in Firefox?
Anyway Thanks a lot! The componenet is great and your site is really very helpful!!!
July 23rd, 2008 at 2:21 pm
That would be strange. I would like to take a look at the code.
August 25th, 2008 at 8:04 pm
As others have said “THANK YOU!”
I need to have an URL link in the description text area. How do I add the link in the XML file for it to only show up in the description text? Thanks in advanced.
poohda
August 26th, 2008 at 11:00 am
Hi Poohda,
First open the FLA file and replace myDescription.text = descriptionArray[nr] with myDescription.htmlText = descriptionArray[nr];
This will make the description text area interpret the text as HTML text.
After this, all you need to do is write the text inside the XML file using HTML tags.
However, inside the quotes, you need to to replace the symbols with the corresponding HTML number.
Take a look at this table: http://www.ascii.cl/htmlcodes.htm
Here’s how your XML should look like: http://flashotaku.com/files/images2.xml
Now go to View->Page Source to see exactly how the code needs to look like.
August 26th, 2008 at 12:19 pm
FlashOtaku,
You are earning great merit!! I will gladly pay for your newer versions when you offer them.
Thank You,
Poohda
September 2nd, 2008 at 6:11 pm
Hi!
Is it possible to insert this movie in another movie?
Like I have a website with main movie and I want this gallery to be loaded into this movie
_root.main.gallery
At the moment it is just loading empty body of the gallery and not executing code at all!
September 3rd, 2008 at 1:16 pm
Yes, it is possible.
I don’t know why it’s not working for you, you can send me your file and I’ll take a look a it.
September 4th, 2008 at 3:14 pm
Hi,
Just came here to drop a couple of lines thanking you for this component.
You did a good job, its a great comp.
Thanks
September 21st, 2008 at 8:26 pm
Hello -
I’ve integrated the slide show component swf into a bg fullscreen resize class. The xml slideshow does not appear until the screen is resized.
Any suggestions to why this is?
Thanks.
P
September 22nd, 2008 at 10:38 am
Hi Paul,
That’s strange. It would be easier to help if you post some of your code or you could send me your file at flashotaku [at] gmail [dot] com.
October 20th, 2008 at 8:25 am
Is there any way to load internal images with specified linkage?
October 20th, 2008 at 11:17 am
Hi pravin,
You can only load external images using the XML file.
October 20th, 2008 at 1:02 pm
Well, I love this slideshow component. Actually I was working with SWFMILL and my images were in library. If you could provide loading from linkage files feature, this could be added advantage for the component.
October 21st, 2008 at 11:48 am
I will surely add this feature in the next version but I don’t know when it will be released.
October 25th, 2008 at 11:11 am
hi, have the as3 version, and am using an xml attribute “urlPath” to load a larger image in flash, but the SlideshowEvent.CLICK also opens the photo in a new browser tab. how can i stop this from happening?
October 27th, 2008 at 2:46 pm
Hi freddyatlantis,
Try using a different tag, something like “url” because “urlPath” is used by the component to open the image in the browser.
October 27th, 2008 at 7:48 pm
thanks a million. this is good stuff
October 29th, 2008 at 4:57 am
Hello,
I have a problem with crossdomain setting.
The error says Security sandbox violation: BitmapData.draw: http://localhost:8088/wordpress/auto_slideshow.swf cannot access http://tdty:8080/Photos/getPhoto?photo=3dlandscape4.jpg. A policy file is required, but the checkPolicyFile flag was not set when this media was loaded.
How can I fix it?
October 29th, 2008 at 5:32 pm
Hi,
Here’s some good reference on how to fix it: http://www.moock.org/asdg/technotes/crossDomainPolicyFiles/
And also http://www.google.com/search?q=as3+cross+domain
February 4th, 2009 at 4:44 am
Hi there I am busy using your componetsa for my site FlashOtaku, but i see you have made the title and discription text boxes for AS3. please can i ask you to help me with those text boxes in AS2 thanks
February 4th, 2009 at 1:55 pm
Hi,
Here’s the link for the AS2 version: http://flashotaku.com/files/gallery_ex3_as2.zip
March 1st, 2009 at 10:49 pm
Hi,
I’m impressed for your working…
I would like to changing alpha o colors when mouse move on thumbnails
if it possible?
thanks
Tony
March 2nd, 2009 at 3:21 pm
Hi Tony,
Yes it’s possible. See this example: http://flashotaku.com/blog/roll-over-effect-for-the-thumbnailscroller/
March 2nd, 2009 at 8:34 pm
Thanks a lot…
it’s very amazing…
Tony
March 2nd, 2009 at 10:20 pm
Hi again…
I would like to add a tool tips when the mouse move on the thumbnailscroller. I did it. But I can’t take the text from xml file…
Can you help me?
thanks a lot
Tony
March 4th, 2009 at 1:44 pm
Hi,
Use the same code that is used for reading the title and description from the XML file. It’s the same.
March 4th, 2009 at 2:32 pm
Hi I used this script but I sqw that don’t you have a method like Mouse_Move and the tool tip position is not good. If I use Mouse_Event it’s not import the text…
and when I tried to import text inside the movie clip of tooltips, Flash Player give me error…thanks so mutch…
import com.flashotaku.thumbnailscroller.events.ThumbnailEvent;
import flash.events.Event;
import flash.events.MouseEvent;
import flash.net.URLLoader;
import flash.net.URLRequest;
import flash.text.TextField;
import flash.text.TextFormat;
left.addEventListener(MouseEvent.CLICK, leftHandler);
right.addEventListener(MouseEvent.CLICK, rightHandler);
function leftHandler(event:MouseEvent){
myScroller.moveLeft();
}
function rightHandler(event:MouseEvent){
myScroller.moveRight();
}
var urlRequest:URLRequest = new URLRequest(“thumbnails.xml”);
var urlLoader:URLLoader = new URLLoader(urlRequest);
var titleArray:Array = new Array();
var txtFormat:TextFormat = new TextFormat();
txtFormat.size = 15;
txtFormat.color = 0xFFFFFF;
urlLoader.addEventListener(Event.COMPLETE, onXmlComplete);
function onXmlComplete(event:Event){
var xmlList:XMLList;
var nr:int;
var xml:XML = new XML(event.target.data);
xmlList = xml.children();
nr = xmlList.length();
for(var i:int = 0; i<nr; i++){
titleArray[i] = xmlList[i].attribute(“title”);
}
}
myScroller.addEventListener(ThumbnailEvent.MOUSE_OVER, mouseOverHandler);
myScroller.addEventListener(ThumbnailEvent.MOUSE_OUT, mouseOutHandler);
function mouseOverHandler(event:ThumbnailEvent)
{
var nr:int = event.item.id;
if(titleArray[nr]!=undefined){
var titleField:TextField = new TextField();
titleField.autoSize = “left”;
holder.tooltipText.text = titleArray[nr];
titleField.setTextFormat(txtFormat);
event.item.addChild(titleField);
titleField.y = 68;
}
holder.visible=true;
holder.x =mouseX-(100);
holder.y =mouseY-100;
}
function mouseOutHandler(event:ThumbnailEvent)
{
holder.visible=false;
}
March 4th, 2009 at 4:23 pm
Take a look at this tutorial: http://flashotaku.com/blog/adding-a-tooltip-to-the-stackflow-component/
March 9th, 2009 at 4:09 pm
Hi, I’m using the AS2 version of the file -> gallery_ex3_as2.zip. This works exactly as I want, except I want to make the first image loaded a random image.
Can anyone help me?
thanks!
March 10th, 2009 at 11:58 am
Hi,
Try with this code:
mySlideshow.autoLoad = false;
var random:Numbe = Math.floor(Math.random() * totalImages);
mySlideshow.loadImage(random);
March 11th, 2009 at 9:07 pm
Is there anyway to stop the movie through the XML?
Basically on images that dont have more than one image per directory I want to make it stop. I could just add this in the XMl if possible.
Thanks as usual.
March 12th, 2009 at 9:44 am
Hi Carlitos,
Unfortunately, support is no longer provided for the free components.
What you want to achieve is possible but you would need to have the commercial version to be provided support.
March 29th, 2009 at 12:04 pm
Hi
if I want to resize Thumbnail in AS3 when the mouse goes one it?
It’s way to do it?
March 29th, 2009 at 9:58 pm
Hi
I did it…but I don’t know how can put registration point of the thimbnails at center…
I tried with
square.x = (stage.width/2) – (square.width/2);
square.y = (stage.height/2) – (square.height/2);
But I don’t understend where I have to put it…
thanks
TOny
March 30th, 2009 at 6:28 pm
Hi FlashOtaku I would like to change the registration point on every single thunbnail…
Ho can do that and where I have to put the cod?
thx
Tony
March 30th, 2009 at 9:08 pm
I wouldn’t recommend this kind of rolloever effect but you’re free to do it.
You can’t modify the registration point of a movieclip but you could just move that movieclip up and to the left when you scale it and therefor give the impression that the registration point is in the center.
April 29th, 2009 at 12:05 am
Hi,
I wonder how to disable the specific thumbnail item when it’s already been clicked? At the moment user still able to click when the Images have already been loaded or even while the images is being loaded.
Thanks