Flash Otaku Blog

ThumbnailScroller Component AS2

18 Responses to “ThumbnailScroller Component AS2”

1. SV Creation Says:
   June 7th, 2008 at 11:31 am

   SV Ceation is a frrlance web design Company so that component is very importent for me thanks Flshotaku

2. Janice Says:
   August 20th, 2008 at 7:35 am

   Hi FlashOtaku,

   I’m still a newbie to action script and this is a great component.
   Can I use the hand cursor on both slideshow for slides which have the urlPath set and the thumbnail scroller?
   And also how to make auto-plying slideshow with timer, and also allow user to click thumbnail scroller. Only the selected thumbnail border is visible while all the other thumbnail borders are invisible, and also highlight the current thumbnail in slideshow auto playing mode, like what you did in the example in gallery_ex6_as3.zip?
   However, can all these be done in action script 2?

   Sorry for asking so many question.

   Thanks

3. FlashOtaku Says:
   August 20th, 2008 at 12:04 pm

   Hi Janice,

   Here’s an AS2 version of gallery_ex6: http://flashotaku.com/files/gallery_ex6_as2.zip

4. Janice Says:
   August 20th, 2008 at 1:45 pm

   Hi FlashOtaku,

   Thanks for the file.
   Btw can i also use the hand cursor for the slideshow which have the urlPath set?

5. FlashOtaku Says:
   August 20th, 2008 at 3:26 pm

   Try this code:

   var slideInitObj:Object = new Object();
slideInitObj.onSlideInit = function(event:Object)
{
if (urlPathArray[event.target.id]!=undefined)
{
event.target.useHandCursor = true;
}
else
{
event.target.useHandCursor = false;
}
}
mySlideshow.addEventListener("onSlideInit", slideInitObj);

6. Janice Says:
   August 20th, 2008 at 4:40 pm

   Hi,

   Sorry, i try the code but can’t work. The cursor still didn’t change to hand cursor.
   Is there something else i need to add?

   Thanks

7. FlashOtaku Says:
   August 20th, 2008 at 5:50 pm

   Yes, seems like the above code didn’t work.

   Here’s an example that works: http://flashotaku.com/files/gallery_ex8_as2.zip

   I’ve just added the cursor thing to the gallery_ex6_as2.

8. Janice Says:
   August 20th, 2008 at 7:07 pm

   Hi,
   It works.
   Thanks for your time and effort to help and showing so many examples. =D

9. FlashOtaku Says:
   August 20th, 2008 at 9:17 pm

   You’re welcome.

10. Janice Says:
    August 21st, 2008 at 2:23 pm

    Hi again,

    When i uploaded online, using the publish html file, my image can’t open in new window.
    Instead it opened in the same window and i need to click the back button in order to return to the prev swf.

    Is there any code i can add to let my images inside the slideshow to open in new windows when using the publish html file.

    Thanks

11. FlashOtaku Says:
    August 21st, 2008 at 2:52 pm

    Hi,

    Set the second parameter of the getURL function to “_blank”.

12. Janice Says:
    August 21st, 2008 at 4:05 pm

    Hi,

    This is wat i type:

    import caurina.transitions.Tweener;

    var pathArray:Array = new Array();
    var xmlFile:XML = new XML();
    var releaseObj:Object = new Object();
    var level = this;
    var pathArray2:Array = new Array();
    var titleArray:Array = new Array();
    var descriptionArray:Array = new Array();
    var slideInitObj:Object = new Object();

    myScroller.addEventListener(“release”, releaseObj);

    releaseObj.release = function(event:Object){
    mySlideshow.loadImage(event.target.id);
    }

    mySlideshow.addEventListener(“release”, releaseObj2);

    releaseObj2.release = function(event:Object){
    getURL(level.pathArray[event.target.id], “_blank”);
    }

    xmlFile.load(“imagesi.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);
    }

    }
    }
    }
    .
    .
    .
    It still doesn’t open in new window.
    Is there smthg else need to be added?

    Thanks

13. FlashOtaku Says:
    August 21st, 2008 at 5:10 pm

    That’s strange because even if you don’t set the second parameter, the default is “_blank”, so the page should open in a new window/tab.
    Test the application with different browsers to see if it’s not a browser problem.

14. Member Says:
    August 26th, 2008 at 10:52 am

    Just want to say thanks, i got your component from Janice, and use it in my site.

    Thanks ^^

15. FlashOtaku Says:
    August 26th, 2008 at 11:32 am

    You’re welcome. I’m glad you find it useful. :)

16. Anton Says:
    October 1st, 2008 at 10:50 am

    Hi there,

    Nice looking scroller. I’ve been trying to get it to work with no luck :-(

    I know nothing about Actionscript and wanted to get the thumbnails to link to pages on my site PLUS I wanted the thumbnails to have the handcurser when you mouse over them.

    I found this file here: gallery_ex8_as2.zip which has the hand curser. I also found this example: scroller_as2.zip that has the URL linking.

    Is it possible to have an example where both are combined?

    Thanks very much!

    Good work

17. FlashOtaku Says:
    October 1st, 2008 at 12:39 pm

    Hi,

    The hand cursor can be set in the Component Inspector.
    First you need to download and install the scroller component.
    Then, you should use scroller_as2.zip but replace the component from the stage with an instance of the installed component and in the Component Inspector set the hand cursor property to true. This property was added later, so the scroller version used in scroller_as2.zip, being an older example, doesn’t have this property.

18. Flash Otaku » Blog Archive » ThumbnailScroller Component AS3 Documentation Says:
    March 1st, 2011 at 3:39 pm

    [...] Flash CS3 Actionscript: Actionscript 3 (Actionscript 2 version available here) Player: Flash Player [...]

Leave a Reply