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]....
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 RepliesI have a very simple scrolling image strip where the images are loaded via xml. I was wondering if there is a way to add a white border around the pics by way of actionscript. Here is the code that I have to load the images and make them scroll.
[Code]....
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]....
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]...
I'm working on a portfolio site that I'm pretty much done with, but I'm having trouble with the loading order of the thumbnails on the site. The work in the portfolio is grouped into clients, and within each client, there are thumbnails that display the selected work. This will probably make more sense if you can see what I'm talking about: [URL]. (Only the first two clients are enabled at the moment). Specifically, when the page is first loaded (from a web server) the thumbnails show up in the wrong order. When the page is refreshed, the thumbnails are displayed in the correct order.
The thumbnails always display in the correct order when being viewed locally, or in the Flash Test Movie environment. I'm pulling in the data from an xml file into an array, and iterating through the elements of the array with a for...next loop, I'm loading the thumbnail images with a MovieClipLoader instance. Using the onLoadInit event, I then set the horizontal position of each thumbnail clip. As much as I'm looking for reasons why the order could be switching. I suspect it has to do with which thumbnail image finishes loading first - in which case, how to force the images to load in the correct order. Maybe I should use if...then and load the next thumbnail only when onLoadComplete fires?
how you properly organize dynamically loaded thumbnails from an xml file, into a grid.What I'd like is for the number of columns and rows to be set in the xml file also, and for the flash file to auotmatically fill out the rows / columns based on how many thumbs are in the xml file.
I've found examples of this type of thing in both as3 and as2, but I can't seem to get my as2 version working properly... how to create a thumbnail grid in as2...I don't really want the thumbs to link to a bigger version fo the image...
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 RepliesI'm trying to create a portfolio with ten images that I needto be loaded and added on the stage.The problem i not to load theese images or adding themdirectlyt on the stage, but I want them to be added inside a thumbthat I've created as a movieclip.I've also created a for...loop so the thumbs dynamically areadded on the stage. To access them I've given them an instance-nameusing [object].name = "[name]" and I've also created an Array tokeep track of the names.
View 1 Repliesget a border onRollOver in my thumbnails gallery. I've tried the photo and thumbnails gallery and played with stringy's files to accomplish this but still haven't been able to get it to work.
View 14 RepliesI am loading an external SWF using the Loader class, and adding it to the stage with addChild.When trying to add a mouse click event listener to the MovieClip, using addEventListener, nothing happens, the event never fires.Is there a specific way to add listeners to externally loaded movie clips?My code looks somewhat like this:
var target:MovieClip = assets["screensaver"] as MovieClip;
target.root.addEventListener(MouseEvent.CLICK, onClickScreenSaver, true);
addChild(target);
The target shows up on the display, but the CLICK event is completely ignored.
i ve problem in adding hyperlinks to dynamically loaded text from an xml file..
View 1 RepliesI've created a drop down list and populated it with dynamic buttons. (I made a DropDown_btn class with a dynamic text field in it and then filled the button text from an xml file). On rollover I tint the button blue and then set the tint back to black on rollout. When you click on the button I'd like it to stay blue until a different button is clicked.
I thought on CLICK I'd run a function like this:
ActionScript Code:
function removeRollover(evt:MouseEvent):void {
evt.target.transform.colorTransform=c;
evt.target.removeEventListener(MouseEvent.ROLL_OUT, btnOut);
evt.target.removeEventListener(MouseEvent.ROLL_OVER, btnOver);
}
...and then I need to addEventListeners back to any button that doesn't have them and set that button back to black. I could do this by looping through an array of the buttons but I can't figure out how to access them as objects.
I also gave them each a property of "buttonValue" when I loaded them so I can access event.currentTarget.buttonValue (which in this case is a number from 1-5) but once again I can't figure out how I might leverage this information.
What I want to do is add a border on the image that I load into my scroll bar via XML on the rollover. So when I rollover the image a border appears around it. I created a movie clip of the just the border and I am having trouble getting it to appear on all my images when I rollover them. I am not sure how to fix this. How can I do this?
Code:
scrollBar_mc.visible = false;
var space:int = 10;//space between cells
var w:int = 47;//width of cell
[Code].....
I want to add a border around my mask. I don't know if I can add the border directly to the mask or if I need to create something new and position it. I imagine if the border was part of the mask it wouldnt show up? Anyway I added lineStyle to my roomMask and I get this error that doesn't make any sense to me:1061: Call to a possibly undefined method lineStyle through a reference with static type flash.display:Sprite.
ActionScript Code:
//create a mask to cover the room container
//to hide the floor outside edges
[code]......
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 RepliesI've just started playing about with skinning and am finding it harder than anything else I've come across in Flex 4 Mobile. It needs to be done in actionscript as I am trying to skin a flex mobile button. Here is what I have so far: (It does very little, only changes the background color)
package skins {
import flash.display.GradientType;
import flash.geom.Matrix;
import mx.utils.ColorUtil;
import spark.components.supportClasses.StyleableTextField;
import spark.skins.mobile.ButtonSkin;
[Code] .....
There doesn't seem to be much in the way of documentation for skinning Flex mobile components purely in actionscript. How do we add a border for example?
I have a scrolling image strip that loads images from xml. I was wondering how I could attach a border to the movie clips that the images are loaded into. I know how to use the drawing API, but I can't seem to attach a border to each movie clip. I'm posting the code below.
Code:
cliparray = [];
function loadXML(loaded) {
if (loaded) {
[Code]....
I'm developing an ActionScript 3 app for Blackberry PlayBook.
I'm loading an image with flash.display.Loader.
I want to show that image with a 5px black border.
How can I do that?
I'd like to add some functionalities to the right border of my ADG component tothe user resize and potentially do more stuff. Is there a skin for that border? For instance, how would you make it wider, or add a handle that perhaps animates when you hover over it?
View 1 RepliesI'm encountering a weird glitch when I try to use a more complex image border: the image container and the text caption both jump into place at the last moment. A bad effect. All I've done is add two more variables, "w2" and "w3" to the code:
Code:
var w = container._width+spacing, h = container._height+spacing;
var w2 = container._width+space2, h2 = container._height+space2;
var w3 = container._width+space3, h3 = container._height+space3;
border.resizeMe(w, h, id);
border2.resizeMe(w2, h2, id);
border3.resizeMe(w3, h3, id);
The only way I can find to keep the border shapes in correct proportion is to create 3 different border clips and apply the "resizeMe" easing function to each of them.
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].........
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 RepliesI 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 Repliesi 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]....
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!
I am going to make an image gallery that loads jpg's. Around the jpg is going to be a border that resizes depending on the demensions of the image. I want the border to expand so that it encompasses the image, BUT i dont want the width of the border to change. SO, would this work:
Break the border up into 4 MC's (topbar, bottombar, leftbar, rightbar), and have the topbar and bottombar's width resize according to the jpg loaded, aswell as its _y postion change according to the height of the jpg, and have the side bars height resize according to the height of the jpg and its x position change according to the width of the jpg. If it did it right, could this result in a border that resizes depending on the demension of the dynamically loaded jpg, but the actualy width of the boarder all the way around stays the same? I'm thinking that I'm correct, but just wanted to make sure there wasnt any glaring problems before I procceded.
I am going to make an image gallery that loads jpg's. Around the jpg is going to be a border that resizes depending on the demensions of the image. I want the border to expand so that it encompasses the image, BUT i dont want the width of the border to change. SO, would this work:Break the border up into 4 MC's (topbar, bottombar, leftbar, rightbar), and have the topbar and bottombar's width resize according to the jpg loaded, aswell as its _y postion change according to the height of the jpg, and have the side bars height resize according to the height of the jpg and its x position change according to the width of the jpg. If it did it right, could this result in a border that resizes depending on the demension of the dynamically loaded jpg, but the actualy width of the boarder all the way around stays the same?
View 1 RepliesI 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 RepliesI 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].....