ActionScript 2.0 :: How Wide Each Thumbnail Image Is
Jun 18, 2008
i'm making a scrolling xml gallery. Everything is working fine however for the particular design of the site i'm making i need thumbnails that have different widths. Currently i've written an xml file that lists the names of the images which are then loaded into a container within a scroller.Is there a way i can load external images and then write some AS that figures out how wide each thumbnail image is? (i have a feeling i need to write a variable for the widths of the containers but not sure how) or maybe an easier way of looking at it - does anyone know of an example that loads an array of images sequentially that have different widths but display next to each other?
I'm looking to do a sliding image menu like this one: [URL]. I can do this using tweening but it is not as smooth as using actionscript. Does anyone know what the name of this is as when I do a search as I can't find any solutions? I've tried 'thumbnail expand' and 'image easing' but am not getting any hits.
I have found an excellent tutorial and source file for a 3D image gallery. However I would like to make the thumbnail click thorugh to a url link when pressed rather than loading the image into the gallery.
Currently the images load in through actionscript. Is there a way to amend this script so you can specify that a thumbnail clicked links through to a url, like you would with a normal button instance rather than loading the image. Here is a link to the file and tutorial. The actionscript is on the top layer within the file.[URL]...
As far as I know, what I ask here isn't possible, but I thought I'd ask anyway in case I'm missing something.
Suppose you want to let users upload JPG images, and these images are scaled into smaller icons and the original images are always discarded and never required again. Is there any way that would commonly work in most modern browsers that would let the user select a single image on their hard drive, have that LOCALLY turned into a thumbnail and upload the created thumbnail to a server?
In a case where the server just needs a small image, it would be wasteful both in user time and server resources to proceed uploading the whole image, only to immediately discard it. It would be much better to just scale it on the client.
I can imagine three options. Just plain HTML/Javascript, using Flash or using Java. If this were possible with Flash, that would seem like the best option. But reading flash.net.FileReference documentation, it seems that you can upload a file from the HD yes, but you cannot look inside the file you are uploading. On the other hand, if you enable "can access local files" in Flash publishing options, it seems that you can then no longer access the net, so that doesn't work.
With HTML/Javascript, it is possible to load images and display them on a <canvas>, but if you try to access the pixels of these images, you get security violations, so that doesn't seem to work.
Java I hesitate to use, because only 96.52% of my users have it installed, and the file upload dialogs I have seen implemented in Java (at Facebook for example) have not worked well (unresponsive interface). I wonder though if Java is the only thing allowing resizing images from local HD?
I have found an excellent tutorial and source file for a 3D image gallery.However I would like to make the thumbnail click thorugh to a url link when pressed rather than loading the image into the gallery.Currently the images load in through actionscript. Is there a way to amend this script so you can specify that a thumbnail clicked links through to a url, like you would with a normal button instance rather than loading the image.Here is a link to the file and tutorial. The actionscript is on the top layer within the file.URL...
I have a page that I'm trying to build that has a scrolling image bar at the bottom but I want to also show the full size image in flash above the images that come up in the thumbnail array when you mouse over each image in the array. I found some code that makes the thumbnail array work but I have no idea how to display the second larger image on mouse over because its loading the images externally... what can I do? Feel free to email me back.
I am using Flash CS4. I insert and build a SWF file just fine. In the component inspector there is a preview entry but there is a note that says it is only for development not runtime. It says to use ActionScript and the Export option. I have used the Export Option to create the thumbnail image but I have no idea how to setup the ActionScript.
[URL]I can change the images and even the number of pieces. When I create a puzzle with a large amount of pieces you can't really tell what the whole image is suppose to look like. So what I would like to do is after the image is loaded and put in the listener, create a small version of that same image so the user can now know what the image should look it.
i'm using a modified version of the xml thumbnail tutorial on this site and am having a weird problem. sometime on some machines the thumbnails are desplayed in reverse order but when the page is refreshed they're dispalyed in the correct order. on other machines they load in in the correct order fine. anyone have any ideas why this would happen? the image names are loaded into an arrayin the onload of the xml the thumb images are put into an array:
I've done a basic thumbnail scroller before, but now I'm trying to make one like the scroller at I need to figure out how to get the popout with the text on it. Specifically when the image is the center image. Can anyone point me in the right direction?
I am trying to display the title of the thumbnail image, which is being loaded from the XML file. If i trace the title then it is printed, but it is not displayed in the TextField.
Below is the code, i used so far.
Code: var Current_page:Number; var Total_pages:Number; var Detail_mc:Array = new Array();
I'm tring to have it when you click on a thumbnail, it loads a larger image over the scene. Here is an example, since I'm sure that my desc. is awlful. link My scrolling thumbnails are based off of the tutorial on kirupa.com. Here is my site. and action script. (architecture is only one that has any images on it currently for testing)
Code:
cliparray = []; function loadXML(loaded) { if (loaded) { xmlNode = this.firstChild;
I've completed the tutorial to create a photo gallery using flash and xml, and have gone on to add the thumbnails. Everything works as intended, but now I would like to add another feature... I'd like to highlight the thumbnail that coordinates with the current image (maybe at 100% alpha while the others are only at 50% or something along those lines). Any suggestions, building off of this:[URL] ?
I have a MC filled with button thumbnail images. I am trying to tell the thumbnail to display the corresponding fullsize image. the script I have for the first button is
on (release) { picts.gotoAndStop(2); }
Picts is the name of the MC containing full size images. There is no response to the button.
I'm having trouble trying to get rid of an image in my container when I click on a thumbnail. I keep getting an error saying DisplayObject must be a child of the caller.I've looked around the web and can't figure out what I'm doing wrong, nor am I sure what the error means when its referencing the caller.[code]
i am currently working with flash based fashion website. here i am uploading large image and thumbnail from xml. i also have menu navigation at top. my code structure is detail below:
[Code]...
my problem here is like i have home button with 5 thumbnail and handbags with 2 thumbnail when i click home button will display 5 thumb with large image and again when i click hangbags buttom it will display 2 thumb which is what i want but 5 home thumbs keeps on remain at back. dont know how to remove them upon new button click
i am building a digital portfolio and i have managed to get the thumbnails on a horizontal scrollbar but i want to be able to click on one to load the full image. I dont know where to start though. The code i have so far is:
I learned from great kirupa tutorial and implemented the thumbnail gallery in my site.If I open the site in browser Opera or Firefox (FP 8.0.0.447) i see only 1 thumbnail image - is it bug in Player? In IE 6 I have FP 7.0.19.0 and I can see all thumbnails in the navigation bar - also correct.
I've to create a image gallery with following features : 1) Vertical thumbnail list 2) I should know which image i've selected 3) It should have loading for both thumbnails & the main images Plz take a look on the following site [URL]. I want exactly the same except the horizontal images.
I was reading your tutorial on adding a thumbnail to an image gallery. Im trying to use your thumbnail_final.fla inside another movie and is not working for me. I made a movie, in Scene 1 of this movie i have an empty movie clip(DisplayArea) and a menu button(Gallery) so that when i hit the Gallery button it load the thumbnail)final movie into the empty movie clip DisplayArea. Everything work except for the thumbNailScroller function. It load all the thumbnails and you can click them and they load the matching big picture and all but the scrolling function is not working.
I'm trying to combine a couple different dynamic image galleries. I've got a thumbnail scroller but I'd like it to rotate 8 every eight seconds until a thumbnail is clicked.
I'm clueless here. I could probably come up with a jacked up workaround if this wasn't dynamic, but it is.
Intro:I started a flash-based website a few years ago. Back in 2006 I was able to get a xml scrolling thumbnail, image loader to work without a glitch.For numerous reasons I had to put the project on hold until now. [one was that my 30 day trial of flash expired and only recently was I able to purchase the Adobe Web Suite CS4 as well as a new computer which could run the apps.]
Last Friday saw a bump in the road in the development of my site as two, rather straightforward task, turned into something short of a nightmare as I have been unable to get past these two, seemingly, relatively simple task.I have posted in 4 other flash forums the issues, in detail, that I am facing - and have quite a bit of interest/views in the topic as the numbers suggest - yet no response/answer as of yet. [Which confirms other messages I have seen which seem to state that working with buttons has become increasingly difficult with the newer version of flash - something Im a bit surprised with actually from Adobe. - I would have thought there would be a palette where you could set parameters...]
Screenshot of Site/Timeline: Before getting into the two questions I have, I would like to post an image of the site as it looks whenever an swf file is saved out, as well as a piece of the timeline in the back for reference.As of now when the swf file is saved out you get exactly what you see above:
a: A scrolling thumbnail
b: ...which loads a large image when clicked on it - PEFECT...
BUT...1a: I need for the buttons to load in this action, not for it to just load on its own.[i.e., the silk_paintings gallery is what is open, so I need the "silk_paintings" button to call up this action]
note: Initially I had attacked this problem by taking out the actions layer you see above and applying it directly to the individual buttons with some crude MouseEvent Listener/Handerls... that did not work - at all.Im sure it may be "easier" to make an array out of it, but with my coding level it may be "easier" to apply it to the buttons.
1b: How I currently see it, I would take the xml-list and duplicate it for the number of galleries I have.[I would then re-name the xml-list to reflect the name of the galleries they are to represent, i.e. "silk_paintings"][also, I would have to rename the folders to "thumbnails1,2,3, etc., & "images 1,2,3, etc"
From there I would duplicate the actions and paste it into the buttons, changing the xml-list name to that of "silk_paintings", etc., as well as write in the MouseEvent listener Handler to make it work. [ah, ha, but what is that magic phrase, I have tried to implement various code from other tutorials, and all in vein.]
At this point I would be tickled pink just to get this to basic function to work.However, once the buttons are working and calling up the xml, etc., then I need the buttons to stay on the semi-transparent blue color it is whenever in the 'hit' state. [note: NOT pictured above.]With the way the buttons are currently set up, and with wanting to use scripting to get them to interact with the thumbnail gallery, it will have to be some miraculous code to tell that button what color to stay as whenever its clicked, and of course it going back to white when another button is clicked.
Conclusion:Since this is an Adobe Forum I would like to make a few additional statements in hopes that the developers, etc. may take heed.Adobes products are not cheap, and when I went to purchase the websuite I went in as a designer needing a program as not to need to program.I understand the flexibility that coding gives, but something as simple as linking buttons should not be in the realms of rocket science.
stop(); fscommand(allowscale, false);//keep SWF display at 100%
var x:XML = new XML ();//Define XML Object[code]....
I built my gallery and import it a parent page (foo)... Sometimes the scroll of thumbnail scroll works... it is choppy.... Sometimes does not work at all.... When I view the movie outside of foo - it works beautifully...
I have seen many tutorials on how to create xml-driven, thumbnail-based image galleries, but I am looking for one which can do a "Before and After" photo effect. I'm designing a realtor's website and want a "before and after" gallery to show work being done on some homes, before construction and after construction. So, basically, you have two photos, same size, overlaying each other, and use maybe an Alpha fade to "merge one photo into another"? Something which slowly fades one into another, not just something which does a complete Alpha fade out, then a complete Alpha fade in.
I'm working with XML and setting up a portfolio gallery. I basically want a thumbnail to be clicked and have an image opening, but i want the instance name of a button that is clicked to be stored in a variable that can be used when calling the images from the XML. I'm just trying to get the number that is in the instance name of btn2, and use that number 2 to reference the ID # in the xml file. I know there are easier ways to do this, but I didn't want to write new functions for all the numerous thumbnails on the site.
PHP Code: btn1. addEventListener(MouseEvent.Click, _onBtnClick); function _onBtnClick( e:MouseEvent ):void { var clickedBtn = event.target.name; }
Also the thumbnails are not being loaded through the XML, would it be easier to load the larger images without functions for each thumb, if I had the thumbs being referenced through the XML?
I am creating an image gallery where the user can select from several thumbnail images. Once selected, the thumbnails will enlarge and load the full sized image. My problem is that while the user is waiting for the full sized image to load, he may decide to close that image and view another image. I am trying to find a way to stop a loader from loading.ere is the code I have used. My problem is that even though the user has clicked on the unloadBtn, the loader continues to load the file. Is there a way to disable that?
I'm creating a portfolio site with a handful of thumbnails. I want a short description of each thumbnail to appear when I rollover the thumbnail. I've got it set up to appear, but I want them to fade in. I can't seem to figure that out. In addition, I want an image to appear and move to the front when the thumbnail is clicked. I can get it to appear, but if it's not on top, then it will just show under the other images visible. I'm thinking that a simple command would solve all these issues, but I cannot seem to figure it out. I've included the action script for one thumbnail.
Ideally, I'd like for the clicked image to fade out and the next clicked image to fade in, but I think that that is beyond my Actionscript understanding for now.
