IDE :: Adapting Kirupa's "Adding Thumbnails" Tutorial (MX 2004) Into Just Plain Old MX?
Jan 11, 2009
continue the success with incorporating the scrolling thumbnails feature to my current galleries.I have done my best to incorporate the code from Kirupa's "Adding Thumbnails" tutorial to my site, but have a feeling the loader class is only MX 2004 and on, and I'm using plain old MX. I have absolutely no thumbnails showing up at all.
PS I also found two discrepancies in the tutorial:
1. Initial code to be pasted has a line such as this:
2. Initial code to be pasted has a line such as this:
Code:
}else if ((_root._xmouse<=40) && (thumbnail_mc.hitTest(hit_left))){
but later in the tutorial when it's broken down it's listed as this:
Code:
}else if ((_root._xmouse<=(hit_left._x+40)) && (thumbnail_mc.hitTest(hit_left))) {
It's very difficult to test all possible variations in this, but I think I have, as there were 4 possible combinations since 2 lines of code varied. But none of them worked. Either way, would be good to know which users should be using. A little help in identifying: "snowThumbMC" is the name of my empty movie clip instance on my stage, in which I should be loading all of the thumbnails.
1. Is "target_mc" the name of an actual movie clip I should have on the stage somewhere? Or is it simply an empty one created via code to hold info?? I'm trying to figure out what exactly "target_mc" refers to.
2. Is "pictureValue" an actual value of a variable named "picture"? If so, should I have this variable on stage somewhere? I'm just not sure by reading the code (since I can't properly read it) what exactly "picture" refers to.
This tutorial found on: [URL] Is extension of: [URL] The problem manifests itself when I substitute .jpg thumbnail with .swf one. (I need this because i need transparent thumbs, so i needed to import transparent gifs via swfs - i used [URL] to convert gifs to swfs if someone is interested - It is released under the GPL. ) XML is parsed ok, and the thumbnail is visible with other .jpg thumbnails. The problem is that it is not "alive": Clicking on it doesn't change the main image, hovering doesn't change its alpha:
I used the tutorial "Adding Thumbnails" to build a fotoshow. Adding another xml-file I have the problem,that I cannot reload(?) the thumbnails correctly.[code]Then I do not see any thumbnails,if(!) the new thumbnail list contains fewer elements than the old one and if the old thumbnail list was scrolled over the hit_right field before.It is seemingly necessary to reset the internal state of the movieclip. But how can I accompish that?
i have been able to customize this tutorial for my needs but i am still having one problem with the thumbnails. Unlike in the tutorial i have thumbnail that are two different sizes. most of them are 100 pixals wide but some are 75 and when they are different sizes like that it screws it up...they overlap or leave big gaps between thumbs.
below you can find the code i am using. the line of code that places the thumbs in there position is
i was able to stop the thumbs from over laping by replacing target_mc._width with 100 but that doesnt fix the big gaps between the images that are 75 wide.
function loadXML(loaded) { if (loaded) { xmlNode = this.firstChild; image = [];
I made a xml gallery using kirupa's xml gallery tutorial and then i added thumbnails.It all works fine.Although i managed to have the jpg's loaded fullscreen i dont know how to use smoothing for the resize of the movieclip container. I have a code that resizes the movieclip to the dimensions of the stage onresize function.I'm trying to put in the code an attachBitmap function so i can have it with smoothing to true. But i haven't managed how yet.[code]
There is this great tutorial here on kirupa where you add thumbnails to a XMLNow, everything works fine with horizontal pictures, but when i add vertical images the thumbs positions gets messed up. now, what i want to do is when it loads the thumbnails it should get the width of the previous thumbnail and position the next thumbnail right after it plus 5 pixels, then everything should work nicely. (I've already fixed how the big image gets positioned with horizontal/vertical images,If someone can point me in to right direction where the positioning of the thumbs are being made, then maybe i can fix it myself.
I've stumbled across a very interesting tutorialBut, I've noticed a little detail. When you click on the big image of the finished example on the first page of tutorial, it acts like a link. When I have downloaded finished .fla source, links are nicely written in the images.xml file, but the links in the .fla file don't work.
original: I really just need to figure out how to center the pictures. here is what I did I have modified the tutorial that I finished to have a bigger stage for bigger pictures. Everything is working properly but the pictures are displayed on the left side, I want to have them centered in the stage for the images, after clicking on the thumbnails, plus my images are different sizes as well. ranging from 200x410 to 744x410 but all are the same height of 410. i will post up what I am talking about at the end. I believe it is something within either the action script or the xml coding that allows the position of the image to be differently? please help here is what i am talking about[URL] Continued: Here is my coding in action script:
modify this tutorial ([URL]) so that it does this: one of the external swf's has a button in it that loads another external swf in a different area of the stage, so now there would be 2 external swf's displayed on stage. Then, when one of the main buttons is clicked, the exit animation of the 2nd swf is played, then the exit animation of the 1st swf is played, then the new external swf is loaded in the same spot that the 1st one was.
Will this tutorial work on servers like this? I read through the tutorial and the author links to his own socket server. Do we have to pay big bucks for our own socket server or can a regular cheap host's server be converted to one?
I have incorporated the following XML guestbook on my site and it works like a charm since its inclusion on my site
[URL]
How to send a mail to me when anyone adds a message on the guestbook ?I guess it is possible as whenever one xml object is send to the php file for processing by sendAndLoad function , it can also send a mail via php .....the code that sends xml data to php in this actionscript is
Scrolling Dynamically Loaded Text Tutorial[URL]..Best I've come across I can edit the scrollTrack-mc, but I need to edit the scrollpane window itself to change it's b/g colour ( always white ) or more importantly to make it transparent Somebody
I have adapted the kirupa xml slideshow tutorial.However I would like to create a up and down buttons that jog the thumbnails + or - 3 thumb images either way.Is this a case of creating an on (release) action that tells the slider to advance a specified distance??[code]
My query is in respect to the tutorial posted on kirupa : [URL] Now :
1) If I want to add a line of caption ,the moviclip expands in a horizontal manner. So , if I write a big description , the caption movieclip occupies whole stage width. How can i make this movieclip exapand in a vertical fashion after a fixed no. of characters
2) Suppose a button which is inside a movieclip has been applied this function , the button action doesnt work !!!! only the hover caption appears. ( specifically the button on(release) action ) !! What is the possible solution.
I've just tried to ammend the photogallery tutorial using XML on Kirupa... [URL] I have uploaded a test file above... the first 3 images.. i have changed the link in the xml document to my own... but they are not loading in.. heres the changes i have made to the xml document....
I've created a dynamic scrolling text box using the kirupa tutorial. It's the tutorial that uses self-made buttons to scroll up and down. In my movie I've got 7 buttons, when one is pressed I want to display different text in the text box. I have it working by loading text from .txt files but it is slow and does not allow me to format the text as I would like. What I'm thinking of doing is creating 7 keyframes on the timeline of the scrollable text. Then in each frame have the different text that I want displayed. When I click on a button it would go to one of those frames thus displaying the corresponding text. I can't get it to work. I've changed the text box to a static text box. I can't get it to move the playhead to the next frame in the text movie clip which the scrollable text box resides in.
I have a movieclip with a grid of 9 squares (3x3) what i would like to do is have each square move either on the x or y axis into a position of another square (like one of those puzzles where you move the tiles around to form a picture...) a random square in a random direction at random intervals.I have tried editing the random movement tutorial on Kirupa, but i cannot get the effect i need.url...
I'm using the Kirupa tutorial of the xml auto slideshow. I need it to stop after it runs through all the images one time.How should I modify the code below in order to do that
delay = 3000; //----------------------- function loadXML(loaded) {
2.On click load the actual image which again is generated via XML file.
Now in the past I have used XML for a menu system, but I'm finding it hard to come up with this by myself from scratch. I can't seem to break the concept of how I would set this up. If anyone can lead me in the right direction with a link or example etc,
It's working fine but my problem is my thumbnails having different heights. The code supports only the fixed height thumbnails. Anybody having idea how to automatically adjust thumbnails gap with different heights.The code is below for adjusting the gap.. Red comment marked that area
Code: function thumbnails_fn(k) { thumbnail_mc.createEmptyMovieClip("t"+k, thumbnail_mc.getNextHighestDepth()); tlistener = new Object(); tlistener.onLoadInit = function(target_mc) {
[URL]i'm in the midst of extending/modifying this tutorial.... i understand the transition mc is the loading animation.... however i want to put a progress bar.. how do i achieve that..?
I'm getting quite comfortable with the XML thumbnail gallery here on the Kirupa site... but wondered if there was an easy way to have a preloader for the thumbnails? I don't really have an idea how to set up the code for that.
Is it possible to load backgrounds for the thumbnails in tutorial http:[url]...Now I have a mc containing multiple white backgrounds at 65x65px, which loads and places it under the loaded thumbnails (like a mask), but I would rather like it to load a singel mc, seperatly for each thumbnail. How can I do that?
I am customizing the Photo slide show with thumbnails from this site. It is great. I was able to customize it so it would work with bigger pics (640 width X 480 height) basically wider pics then they are tall, but I also have pics that are taller then they are wide (480 height X 640 width).
1. in the thumbnail area the taller pics load over top of the pic before it and then there is a large gap after it.
2. the movie clip that loads the full size image aligns the pics to the upper left corner of the movie clip. I would like it to center the taller pic. I know I will have the same problem with the wider pics when I make the viewing area 640x640 they will look to high.
here is the code that is used:
function loadXML(loaded) { if (loaded) { xmlNode = this.firstChild; image = [];
I'm trying to generate an isometric grid via code using kirupa's tutorial but it's not quite working correctly as I'm trying to convert it. I am trying to generate a 5 x 5 grid with a unique coordinate to each square, but I can only get a row to form with the coordinates showing x = 5 and y = 5 for each square of the single row. There is also an unclickable square in the corner. Here is my code:
I am trying to modify the Kirupa image gallery to use numbers in place of thumbnails.So far I have been able to place buttons on the stage using attachMovie()and I have been successful in getting them numbered properly. Where I am failing is in getting the individually placed buttons to load an image.A more detailed list of what I am trying to do:
I want to attach a button that has a text box to the stage.In that button�s text box I want a sequential number to appear.When a button is pressed I want the corresponding image to display(button 1 loads image 1).I have the first two working; not doing so well with the last.Here is what I have:
Mainly been making websites all these years, but in my last year at school i started to get interested in Flash Actionscript. I've been at home for over a year in 2008, unemployed. I got back to school in September 2008 but quit the education as it wasn't for me. Now I'm looking to get a job, but I need a showcase, so I'm building my portfolio at the moment.
I'm currently working on my portfolio which i wanted to make in Flash using XML generated content. I got as far as getting the content generated in my prototype. Now I'm trying to build the real thing. I currently got a scrollbar on the left which contains the thumbnails. I used the custom scrollbar from [URL] ([URL]). The content in it is generated with xml and actionscript though.
