IDE :: Tutorial 'Adding Thumbnails' / Reload Other Thumbnails Again?
Jan 19, 2010
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?
View 1 Replies
Similar Posts:
Feb 11, 2006
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.
// EDIT
target_mc._x = hit_left._x+(eval("thumbnail_mc.t"+k)._width+5)*k;
View 1 Replies
Jan 11, 2007
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.
View 2 Replies
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:
Code:
target_mc._x = hit_left._x+(eval("thumbnail_mc.t"+k)._width+5)*k;
and later in the tutorial that same code is treated as this:
Code:
target_mc._x = hit_left._x+(target_mc._width+5)*k;
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.
Code:
function thumbNailScroller() {
// thumbnail code!
this.createEmptyMovieClip("tscroller", 1000);
scroll_speed = 10;
[code].....
View 4 Replies
Jul 14, 2005
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:
[Code]...
View 2 Replies
Feb 28, 2006
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:
[Code]....
View 4 Replies
May 9, 2011
Haven't been here for a while and I'm really rusty using Flash. I looking for a tutorial or some information on how to scroll thumbnails by scrolling the mouse left or right over the thumbnails.
View 3 Replies
Dec 18, 2007
I'm wondering if there is a way to tweak the tutorial for the thumbnails slider (link below) to allow for thumbnails of various widths: [URL] Currently the script creates the spacing between the thumbs by taking the width of the first thumbnail loaded and adding a value of 5 to it. However, in my instance the first thumb is the widest, so this creates odd spacing (This is for a product selector that runs from largest thumb to smallest).
View 1 Replies
Dec 8, 2009
Can anyone point me to a decent AS3 XML Full Screen Gallery tutorial possibly with thumbnails
I am having trouble finding one.
View 2 Replies
Aug 1, 2006
I saw the tutorial here on how to make a Flash XML photo gallery with a scrolling thumbnail bar. Awesome!
The thing is, the example he DIDN'T choose to illustrate is the one I want make - exactly.[URl]..Is there somewhere else I can find this? The problem is that I have say, 16 photos and I want 4 displaying on the stage at one time. I want a forward / back button available to switch through the remaining 12 images, when the user clicks the buttons (as opposed to a scroller, which I find difficult to control and therefore less useable).
The problem comes when loading the four images from my XML file. I am able to load the first four, but how do I indicate in AS that the next four images are to be loaded, until there are no more images left? What if I add 5 more, I want to be able to have that AS load them. I was using a mod function in my script, but I keep getting the wrong remainder. I'll have to post the code later.
View 1 Replies
Nov 1, 2006
i want each image that opens up from the scrolling thumbnails below to have another set buttons relating to the main image. for instance:
[Code]...
numbers = buttons linked to another set of external images that are related to the big image. the problem is i don't know what controls the thumbnail/main image when i click on the scroller (i'm kinda lost in the code). so right now i have only one set of numbers regardless of which big image opens up.
View 14 Replies
Dec 5, 2007
I've got a website with three links to three different thumbnail galleries. When I click the link to a gallery that has a lesser number of thumbnails, it fills the difference in numbers in with thumbnails from the previous gallery.
View 1 Replies
Feb 9, 2009
I tried to add some thumbnails attributes to list component,i was using the xml vidlist however i was unsuccesfull.i thought just adding another attribute would work but it didnt .am i suppose to make an image holder i am sorta lost at this point
Code: Select allvar vlist:XML = new XML();
vlist.ignoreWhite = true;
vlist.onLoad = function() {[code].........
View 5 Replies
Sep 20, 2006
im already read almost of the tutorial in how to create a XML Photogallery but it seems i cant find solution to my problem on "how to put a link on the thumbnail?" im creating a different style of gallery.. i only put the scrolling thumbnail area in my index page like a image scroller via XML. im new to XML thats why i cant still figure out how to put the link and pull it in the AS when the certain image is click..
View 3 Replies
Jun 5, 2007
I was adding the thumbnail gallery to my website, but the rollover to scroll through the thumbnails must is offset somewhere. I would like to just add left and right buttons to scroll if possible.http:[url]......
View 1 Replies
Jul 6, 2008
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
target_mc._x = hit_left._x+(target_mc._width+5)*k;
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 = [];
[code]....
View 4 Replies
Mar 19, 2009
I am using the Kirupa gallery with thumbnail scroller - which is a FANTASTIC gallery system!
I want to move the scroller but when its moved further right...the scroller stops working. I can move it up and down on the stage, but once it goes a certain distance to the right the thumbnails do not load.
I also shortened the mask to about 160 px so it only shows 3 thumbnails of my pictures.
Here is a link to my FLA file: [URL]
How can I get this to work? Why wont the thumbnails load once the scroller moves a bit further to the right!
View 1 Replies
Feb 12, 2011
I have a .fla which loads thumb nails and when clicked shows the large image. It all works fine. I would like to have a reflection for each thumb how would I go about doing this, or how would amend my code to add the reflection.
Code:
var holder:thumbNail = new thumbNail();
var thumb:Loader;
var container:MovieClip = new MovieClip();
[code]...
View 3 Replies
Aug 11, 2006
I have built a thumbnail gallery based on the tutorial on this site. It works great, but I'm having trouble with my thumbnails loading in order.I am calling images from an xml file, and placing them in a horizontal scrollbar. All of my thumbnails are different widths. Therefore, I need to be able to get the width of each thumbnail to position it in relation to the one before it and so on. Because of this, I'm using onLoadInit to position the images. Now, this creates a random horizontal order, based on how fast they load on the user's computer, not on their order in the xml file. I would use onLoadStart or onLoadComplete, as this would call them in that order, but the width is not available at this point in the loading, so they pile on top of each other.
View 5 Replies
Aug 29, 2007
I used this code, from "Creating Websites for Dummies" to create a video playlist. The only problem is that it (the book) doesnt show how to load descriptions for the video thumbnails (saying the title etc...of the video). I cant work out how to attach a dynamic text field to each thumbnail that reads its description from an xml file, can anyone give me some pointers or explain how this is done? I've been stuck on this for a few days now and i cant work it out..
in the code below 'main' refers to an attribute in teh xml file.
Code:
ar nc:NetConnection = new NetConnection();
nc.connect(null);
var ns:NetStream = new NetStream(nc);
[Code].....
View 1 Replies
Jan 19, 2011
I am trying to add a mask to my xml thumbnails, I have managed to get the mask working but only on the first image...
Here is my thumbloaded function:
Code:
function thumbLoaded(e:Event):void {
var my_thumb:Loader = Loader(e.target.loader);
var sprite:Sprite = new Sprite();
[Code].....
View 1 Replies
Sep 14, 2006
I've been working on Kirupa's adding thumbnails to the XML photo gallery. I've managed to change the scroller to one that is vertical and reposition it to where I wanted it and everything works fine. urrently the code accounts for when the mouse moves (on the horizontal) to the left or right of the thumbnail container to stop scrolling. However when the mouse moves up and down to scroll (on the vertical) it continues to scroll even though the mouse has moved outside the container area. I'd like for it to only scroll when the mouse is within the 30 pixel - hit_left/right boudaries.
Here's the code, as you can see the changes have been very little from the original.
[Code]...
View 1 Replies
Apr 7, 2007
This question has probably been asked a number of times in this forum. I searched and searched, read every reply, but there is nothing satisfactory posted till now. I tried out all solutions posted, but almost every implementation was incomplete. So, here is my question: In the xml photogallery tutorial, if I want to have a border around a thumbnail (which is dynamically loaded), how do I do that?
[Code]....
View 6 Replies
Oct 1, 2007
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]
View 2 Replies
Jul 8, 2008
i have been able to customize this tutorial to meet my needs but i have one remailing issue. The thumbnails are loading in reverse order from they way they are listed in the XML file or random order. Is there a way to force them to load in the order they are listed in the XML file?
[Code]...
View 3 Replies
Oct 14, 2008
This seems like it should be part of the "Adding Thumbnails" - the large images are align to the left when they load. So when you have landscape and portrait orientation images, they should horizontally align to center, not to the left.
View 4 Replies
Aug 15, 2009
ive built it based off of an example we made in class last year that i had lying around..
as you can see here everything works fine.
The only problem is I want to add some roll over effects to the thumbnail but im not sure how to go about this as they are all dynamically added to the stage..
The way I tried was adding an event listener to each thumb via the function that adds the thumbs to the stage (see the "createThumbs()" function below). The event listener works fine and calls to the function i assigned to it ("thumbRoll") but im not sure what to put in this function to effect the thumb that is moused over as im unable to access "btn_thumb" from "thumbRoll".
ps. sorry if the code is a bit messy, bit of an experiment for me to get everything working..
gallery.as
ActionScript Code:
package{
//imports go here
import flash.display.*;
[Code]....
View 6 Replies
Nov 6, 2006
I have been using the tutorial on the Photo Slideshow Using XML and Flash, and think it is fantastic. It is really clear and easy to follow. However I have encoutered three things with it. Firstly I would love to be able to add a border around each thumbnail accross the bottom, that would change color when the user rolls over the thumbnail.I would also like to be able to highlight which thumbnail is currently being shown as the top image.The third issue I have had is when a user moves the mouse to the right of the first image, it scrolls about 5 pixels to the right even though there is no other image before it.
View 1 Replies
May 25, 2007
[URL]
Basically i want to have Album categories the same way the thumbnails work so their is a mask limiting 4 categories on screen and when you click < or > arrows next to the categories it shows the next 4 categories that you would be able to choose from.
Then I would want it to load whatever category you selected into the thumbnails and the larger pic.
Does anyone know how to do this ? Or if their is another tutorial that would show me how to add categories into something like a gallery with thumbnails?
Apologies for being stupid and the poor grammar I've been searching everywhere to find out how i can add in some categories and still have it linked to the thumbnail scroller and larger images, but i haven't found any luck at all I just want it so you could add in as many thumbs and categories as you wanted and have those masked and scrollable rather then a dropdown.
I paid for some silly pdfs to explain it better to me but they did it in a way that I didn't like and turned out just to be a waste of money. Learnt my lesson and signed up here to ask the pros! I want to create something that can be updated from just an xml file.
View 4 Replies
Jan 30, 2009
I'm going to be building a site for a photographer and would like to be able to do something like the thumbnail navigation in this example: [URL] I'm assuming it's adding the thumbnails to the Display Object via an array based on an external XML file, and displaying them once their corresponding full-size images are loaded ... Perhaps it's building the nav simply by looking to see how many photos there are in a folder on the server (i.e. no discreet XML added for each shot). Not sure if this idea is even possible -- would like to hear from any of you if in fact it is.
View 0 Replies