Modifying A Flash Carousel
Hi guys! I'm not new to flash but this is one of my first attempts with actionscript so bare with me a bit.
The code below is for a carousel I've managed to create from a combination of online tutorials. Basically there are 5 images that rotate as you'd expect it to do in a carousel. But something I added is, when you hover over one of the pictures it changes to another picture. For example, an angry face is rotating and when you hover on it, it changes to a happy face.
All this works fine, but what I want to do now is to make the angry face change to a happy face automatically once it rotates to between the 5 and 7 o'clock position. Once past this position it changes back to an angry face. Any help will be appreciated.
Thanks!
Actionscript Code:
var numOfBalls:Number = 5;
var radiusX:Number = 350;
var radiusY:Number = 160;
var centerX:Number = Stage.width / 2;
var centerY:Number = Stage.height / 2;
var speed:Number = 0.005;
for(var i=0;i<numOfBalls;i++)
{
var t = this.attachMovie("face"+i,"b"+i,i+1);
t.angle = i * ((Math.PI*2)/numOfBalls);
t.onEnterFrame = mover;
}
function mover()
{
this._x = Math.cos(this.angle) * radiusX + centerX;
this._y = Math.sin(this.angle) * radiusY + centerY;
var s = this._y /(centerY+radiusY);
this._xscale = this._yscale = s*100;
this.angle += this._parent.speed;
this.swapDepths(Math.round(this._xscale) + 100);
}
this.onMouseMove = function()
{
speed = (this._xmouse-centerX)/30000;
}
SitePoint > Design Your Site > Flash and Actionscript
Posted on: Jan 12, 2009, 09:29
View Complete Forum Thread with Replies
Sponsored Links:
Help Modifying Flash Carousel
I downloaded a carousel from flashmo.com
Im no flash expert. All i need to change is that when you click on a thumbnail the link opens up in a new window.
This is the actionscript:
Code:
// Code Credit: Lee Brimelow
// Tutorial Reference URL: www.gotoandlearn.com
// Modified by www.flashmo.com
stop();
// total is length of label_list OR link_list
// OR total frames inside "flashmo thumbnails"
var total:Number = 16;
// length of label_list array and length of link_list array must be equal
// to length of frames inside "flashmo thumbnails" movieclip
var label_list:Array = new Array( "Print Work", "Lindberg Belts webpage", "Platinum Spa webpage", "Hercules Auto Parts webpage", "Vividxenons webpage", "VividXenons Custom Ebay Marketing Template" , "Web work", "John Abbott College Vernissage Trade fair flyer", "custom invitation", "Elite Party Bus promo flyer", "Custom Water bottle Labels", "Custom Water bottle Labels", "Golden Paradise Casino Logo creation", "Hercules Auto Parts custom return form", "Lindberg Belts double sided Matte style business card", "Mebu double sided glossy business card");
var link_list:Array = new Array("Print Work", "http://www.lindbergbelts.com", "https://jag-designs.sslpowered.com/platinumspa.com/index.html", "http://www.herculesautoparts.ca", "http://www.vividxenons.com", "http://vividxenons.com/ebay/index.html", "http://pearlwhitemedia.com/portfolio/JohnAbbottflyer.jpg", "http://pearlwhitemedia.com/portfolio/card.jpg", "http://pearlwhitemedia.com/portfolio/elitepartybusflyer.jpg", "http://pearlwhitemedia.com/portfolio/waterbottlelabels1.pdf", "http://pearlwhitemedia.com/portfolio/waterbottlelabels2.pdf", "http://pearlwhitemedia.com/portfolio/goldenparadiselogo.jpg", "http://pearlwhitemedia.com/portfolio/herculesautopartsform.jpg", "http://pearlwhitemedia.com/portfolio/lindbergcard.JPG", "http://pearlwhitemedia.com/portfolio/mebucard.JPG");
var radiusX:Number = 330;
var radiusY:Number = 90;
var centerX:Number = 400;
var centerY:Number = 140;
var speed:Number = 0.003;
tn_group_mc._visible = false;
info.text = ""; fm_label.text = "";
for( var i = 0; i < total; i++)
{
var t = tn_group_mc.duplicateMovieClip("tn"+i, i);
t.tn_mc.gotoAndStop(i+1); t.tn_shadow_mc.gotoAndStop(i+1);
t.fm_label = label_list[i];
t.fm_url = link_list[i];
t.angle = i * ((Math.PI*2)/total);
t.onEnterFrame = mover;
t.fm_button.onRollOver = function()
{
fm_label.text = "Title: " + this._parent.fm_label;
info.text = "URL: " + this._parent.fm_url;
}
t.fm_button.onRollOut = function()
{
info.text = ""; fm_label.text = "";
}
t.fm_button.onRelease = function()
{
getURL( this._parent.fm_url );
}
}
function mover()
{
this._x = Math.cos(this.angle) * radiusX + centerX;
this._y = Math.sin(this.angle) * radiusY + centerY;
var s = this._y /(centerY+radiusY);
this._xscale = this._yscale = s*100;
this.angle += this._parent.speed;
this.swapDepths(Math.round(this._xscale) + 100);
}
this.onMouseMove = function()
{
speed = (this._xmouse-centerX) * 0.0001;
}
Any ideas?
View Replies !
View Related
Heavily Modifying 3D Carousel
I've been hacking away at Lee Brimelows 3D Carousel, but have hit a bit of a brick wall and need some help and advice.
I've done a couple of things ot the original carousel; removed the tooltips, replaced pngs with swfs, added titles for icons, added external movie loading etc. But i've been asked to extend it further and i think that what is being asked of me is beyond my capability.
Here it is;
- all the icons are now little lightbulbs
- the lightbulbs need to be animatable slowly glowing and fading based on certain condition
- when the carousel spins anti-clockwise, the bulbs fade out
- when the carousel spins clockwise, the bulbs light up
now so far i can probably handle most of that, but here's the difficult bit;
- after spinning anti-clockwise a few times, the bulbs need to fall over (like they've been 'unscrewed')
- after spinning clockwise a few times, the bulbs (having already started to glow) gently rise up a little (i haven't been given a rationale for that)
the bulbs also have to retain all the original functionality of loading content etc.
i've been racking my brains trying to figure out the best way to approach this, and the only solution i've come up with is to pre-render an few 3d animation variations of the bulbs falling over, and the either embed them or call them externally (somehow) at the right time, randomising the scale, position etc to create the effect.
i did have a fleeting thought of perhaps using papervision 3d, but i'm not savvy enough with it to even attempt it at this point.
I know for certain that i'm probably not going to be able to achieve this on my own - and i'm willing to pay anyone who fancies there chances at having a crack and giving me a hand. i can handle all the 3d (if it's necessary), but need to come up with a way of doing the rest.
This is a really important project for me and so (with deference to all you guys) will only consider serious offers from experienced and seasoned flash guru that can guarantee results.
email me off-list if you'd like discuss further: tony at luma dot tv
thanks in advance and look forward to hearing from ... anyone!
cheers
Tony
View Replies !
View Related
Carousel - Modifying Actionscripting
I just finished the first Carousel tutorial and watched II and III. I am wondering if there is a simple way other than xml to modify the scripting to load several different "items." I want to have several different icons and each acts as a button to load different movies. I can get my one item to load a movie but I can't get the actionscripting to identify several icons so I can attach different actionscripting to each.
Ideas?
thanks
View Replies !
View Related
Modifying A Flash Template
I've downloaded a Flash template and cannot find a way to modify it for my use. At issue is modifying the long movie clip which has most of the contents. I can't edit it with Fireworks 4, can't even see all of it, and placing text on it does not work. How to do?
View Replies !
View Related
Modifying A Flash Component...?
Is it possible to change the MediaPlayback Components in Flash MX 2004 so they have a different graphical style?
I have successfully managed to stream video, but I want to alter the look of the player to fit into the look of the rest of the website.
If this is not possible, can anyone suggest a tutorial on creating a new component.... if that's at all possible either...
Cheers
View Replies !
View Related
[F8] Modifying Flash ASP Guestbook
Ok I downloaded this and many other guestbook’s trying to find one that worked for me this one is easy to modify and I think will look good when I integrate it into my site.
Now for the problem...
The guestbook is set up so that you open an ASP page which has a small script in it then it loads the swf file which also contains a link to another larger ASP file. I want to eliminate the first ASP page so I can build it directly into a preexisting flash site. Currently if the first ASP page is not opened the swf opens and runs but the submit button won't work.
The following code in the first ASP page is what I believe is causing the issue
Code:
<SCRIPT LANGUAGE="VBScript">
Sub guestbook_FSCommand(ByVal command, ByVal args)
call guestbook_DoFSCommand(command, args)
end sub
</SCRIPT>
<script language="JavaScript" src="scripts.js"></SCRIPT>
I have attached all the code and associated files to this thread so please if anyone on here has the time please take a look at it and help me find a solution.
NOTE: My site is not useing port 80 so it may not run on some lans.
This is where it is currently runing on my site
http://www.horrordelta.ca/GuestBook/GuestBookc.asp
This is a dirrect link to the swf (aka what must run on its own)
http://www.horrordelta.ca/GuestBook/GuestBookc.swf
View Replies !
View Related
Modifying A Flash Form
Hi,
I really need help of someone who really know's what they're doin! If not my a$$ is goin to be on the line!
Basically I'm modifying a website for a client who they had another company create originally. I have never seen a site done in flash that is so complicated and confusing to work with!
On one of the sections there is a brochure request form that they wanted me to remove some existing radio buttons, add 2 new buttons and add a drop down that is populated via an asp file. I've managed to sort the radio buttons and they seem to work fine. However I'm having a)problems populating the dropdown from the asp file and b) (and this is the main one) I can't get the value from the dropdown to post to the php mailer. I have scoured the actionscript code and for the life of me I can't figure out how it is posting data.
I know this is a huge ask and I wouldn't normally do it if it wasn't losing my job desperate, but if I posted the fla file would someone who knows more than me be willing to take a look at it and see if they can figure out what's goin on?
Thanks in advance
View Replies !
View Related
Modifying Files From Flash: Is It Possible?
Hi, I am making a projector image gallery with Flash 8 that loads from an XML file. This is part of the interface of a device that takes a lot of photos according to user commands; the Flash part allows the user to view the images he or she has taken in various formats.
What I would really like to do is give the user the ability to delete unwanted images after inspection in the Flash interface. Is there any way to do this in Flash? The images taken are automatically stored in a folder, and referenced by an XML which is read by the Flash projector. While viewing the images in the Flash projector, I would like the user to be able to select unwanted images and delete them.. this means that they would be deleted from the folder they were stored in, and the XML reference would be deleted as well.
Is this possible? Is there some supplemental program that would make it possible?
The images are taken using a program that runs with VB. If I used flash to record images that the user wanted to delete (You can record what gets clicked on, right?) then could I somehow get this list of images into a format that VB could read?
Thanks for your advice.
View Replies !
View Related
Modifying A Flash Movie
Hey All,
I am a Flash newbie and I have taken on a project of modifying a flash movie by adding a few simple graphic changes. Now I have a great deal of experience w/ other graphics programs such as Fireworks, Illustrator, Photoshop ect. as well as enough programming experience understanding a action script.
Now my problem--I've been handed this movie and I when I make a change in the movie, it shows when I play the movie, none of the changes will show up. This is both in the .fla file as well as the .swf file.
What am I missing?
Thanx,
Clem C Rock
View Replies !
View Related
Help Needed In Modifying A Flash Movie
I am making a personal site that teaches HTML & CSS. I would like to use a flash menu movie that I found in FLASHKIT.com for my site, and I will greatly appreciate it if someone can teach me how to modify and improvise an already existing flash movie (a pretty simple one).
If you have a spare time to help me, please reply to this thread or e-mail me at field329@lycos.ne.jp
Thank you very much.
With respect & admiration to all web creators,
gflash
View Replies !
View Related
Modifying Flash Html Creation...
I have for sometime now been writing a web application that writes HTML. Flash can do this quite well with most things.
To do this I have had to write a short function which removes the <TEXTFORMAT> tags and converts the text sizes to CSS as the sizes used in flash are pixel sizes, ( which can only be specified in CSS )
I thought I had about solved most of the big problems. However I have started alpha testing this flash app only to discover flashes annoying habbit of turning every carriage return into a new paragraph, but displaying it like a line break.
I have tried two things to solve this.
1) searching the final output and replacing paragraphs with <*br> tags. This hasn't been too successful as it tend to remove style as well.
2) intercepting the enterkey and inserting my own code. This hasn't worked because flash doesn't seem to let you modify the html content of a text field.
Does anyone have any ideas, or if you have done it but you dont want to tell me how, let me know anyway as it will at least keep my hopes alive.
View Replies !
View Related
Modifying Flash Page Turn
Hi I need your help. I'm trying to reskin this FLA and put my own pages into it.
However the pages I am putting in have tabs sticking out of the top sides and bottom.
The problem I have is that this FLA removes the pages that are underneath the page on top of it. To put it another way, when a page covered by another it is removed.
How can I get the pages to stack ontop of eachother?
Here's the fla I'm trying to modify:
http://www.iparigrafika.hu/pageflip_final.fla
I'm using flash MX.
Thanks a lot
View Replies !
View Related
Modifying Text In Flash Movies
Hi! I'm so new at this that i'm glad "there's no such thing as a stupid question"
I have several free Flash movies, games... I'm not really sure what those are... sorry for being so... new!
So, I've downloaded tcClassicBook and i need to modify the text inside the book and the title on the cover, but I have no clue where to start... I need to have a story in that book for my kid. So if anyne can help or give me a hint where to go get help I'll really appreciate it! Thank you so much!
View Replies !
View Related
Modifying Flash Movie (cont).
Hello everyone. Now things are getting a bit more complicated. I need some guidance through this next step modifying a graphic symbol. The movie clip is awesome, it's letters come into the movie individually and then spell out a sentence. When I attemp to edit them, I can't....There are multiple blue dots around the letter and I don't know how to replace it with the one I want it to display. I love how it looks and want the same effect but with my own letters and sentence being displayed.
Can anyone help me learn how to do this??
View Replies !
View Related
Help Modifying/Understanding Flash Counter
I've reluctantly agreed to try and help a friend fix a counter on one of the flash applets he hired someone to make for him. It's AS2 and done in Flash 8.
http://www.bestondesign.com/globe-help.zip
It pulls from the current time on the system clock.
Essentially it's counting 4 times too slow. I am awful with even reading AS let alone trying to find the equation running this.
Could anyone please explain to me what I need to edit in the AS to speed this up?
I apologize in advance for my noobness. I have not touched flash in years.
Thanks
View Replies !
View Related
Modifying Existing Flash File To Run From AS
Hi all,
I am on day two of learning flash. I am not trying to convert an old flash file and try and get it to be more dynamic by using ActionScript. Here is what I am trying to do:
Have objects from the library loaded onto the timeline using AS. I have given these objects an instance name via the linkage dialog box. What I am trying to do is create a variable to hold details of what button a user has pressed, then, create a function that acts upon this variable and outputs the relevent page. The variable will initially be set to home so that it can display the home menu, then change to store any section that a user navigates to. I think I need to create a callback for all the buttons, however, I thought the below code would initially display the home menu since the variable had initially been set to home, nothing displays, here is the code:
Code:
//creates a variable to store the currently active menu
storepage = home;
// creates a function that tell flash which menu to show
loadnav = function (storepage) {
if (storepage = "modeling") {
nav_modeling = this.attachMovie("nav_modeling", "nav_modeling_mc","0",{_x:25, _y:108.8});
}
else if (storepage = home) {
nav_home = this.attachMovie("nav_home", "nav_home_mc","0",{_x:25, _y:108.8});
}
}
View Replies !
View Related
Modifying Dt:fusion Style Flash Menu
I am new to Flash ActionScript and am attempting to customise the dt:fusion Style Flash Menu listed in the tutorial section. What I want to do is to have it stop scrolling when my mouse is below the navigation area. I have tried several steps involing IF and elseIf statemenst but can not get it to work the way I want it to. Any ideas. Thanks
View Replies !
View Related
Modifying Photoshop Flash Gallery Templates
I'm not too sure where to ask this question so I thought I would start here. Photoshop CS2 now has the option to create Flash photo galleries and they provide the flash templates so you can make modifications. They are available here. I'm wondering how much work it would be for a novice like me to modify these templates. I have dabbled a bit with Flash and have done some basic animations, but I doubt that I have the skills to take on a project like this.
Can anyone point me in the right direction to get started? I might also consider paying someone to do it for me, so I'd also appreciate any suggestions about where to find the right person.
The templates that come with PS are pretty good, but I would love to be able to create a template that looks close to the sites that are created with liveBooks (http://www.live-books.com). If you haven't seen them they are very clean looking with scrolling thumbnails that can be hidden if you want. I really like the look and for a good example you can check out: http://www.johnholtstudio.com.
Thanks in advance for any advice.
Andrew
View Replies !
View Related
Updating Site Without Modifying Flash File
I am designing a flash site and I would like to know if there is a way to update a flash site without modifying the flash file and re-uploading it every time. I looked around and there's some stuff about reading external xml or text files. I don't really exactly know that much about it, and I was hoping that the people here could help me out on that.
View Replies !
View Related
Modifying Flash Video Sound Track
Hi
Having a problem with my video. I'm doing a projector file, so I'm importing the video into the library so that I don't have any external files to deal with.
When I import the video the sound is really quiet. I've tried bumping up the volume in iMovie and re-exporting it as a .mov file, but when I bring it back into flash, the sound isn't coming in.
I've also tried converting the new version of the .mov to an flv using ffmpeg, but when it comes into flash, its still not as loud as when I play the .mov in quicktime or play the flv in flv_viewer.
Does Flash change the volume setting when importing video? if so, how do you get the volume back up to 100%
View Replies !
View Related
Help Needed On Modifying Existing Flash File
Hi, I've been asked to modify an existing Chart builder application done in Flash. It consists of placing icons on a chart. They want to be able to resize those icons (Small, Medium or Large). I've tried to adapt a script I've found that resets the right-click contextual menu but can get the instructions to speak to the icon.
Here's the link to a *.zip containing the source file (ChartBuilder.fla). I've put the menu on an icon called Icon HQ. The *.zip also contains another exemple of my right-click menu that work in a basic flash movie (MultiSize.fla), as an exemple:
http://www.sublime-digital.com/_temp/ResizeMenu.zip
I'm sure this might not be that difficult for someone who knows Actionscript well, which is not my case unfortunately...
I'd really appreciate any help by anyone who knows Actionscript.
Thanks a million in advance,
Cédric
View Replies !
View Related
Creating / Modifying Flash Navigation Meunus
I'm completely new to Flash, but I really want to learn how to create and/or modify navigation menus in Flash 8. I just downloaded 3d spiral menu 02 from the FLA Source Files on this domain...could someone please tell me how to create the xml file for it. I really like the concept of it, but I don't want to straight up use someone elses hard work. Thanks in advance!
View Replies !
View Related
Flash Newbie Needs Help Modifying A Flash File..
Uncontrol has a bunch of interesting flash files and most of them they allow you do download the flash file.
Macro.
I'm trying to change the pictures in this flash file but it isn't working well. I found where the pics are stored in the flash and I resized all the pics I wanted to use so they were the same size as the pics in the flash. But I can't get it to work.
Could somebody please help me out with this? Thank you!
View Replies !
View Related
Flash Carousel
Hi i need someones expert help on an issue i'm having using a flash carousel into a php website.
Heres the situation:
Flash Carousel loading images from XML file.
Works fine uploaded onto the server through a direct link.
However when I place the carousel inside the site, nothing.
The flash is called up and the blank space is visible. No images appear.
Thus far I've tried using the crossdomain.xml and had no luck at all and now its just bugging me with curiosity. I can see it being a very simple error.
Please help!
Mike
View Replies !
View Related
Flash Carousel
Hi.
I've made one of those cool Carousels that display items in a circular manner.
And, when i press on an item from the carousel, i want the whole carousel to rotate untill that item gets to the center of the page and in the front. Then i want it to stop. After that a window will come down displaying some text and when i press close button the window will rise.
The problem is that i can't figure it out how to make the carousel spin to the center with the item i press on and then stop.
Can someone help? Someone who is familiar with flash carousels?
Thanks a lot.
View Replies !
View Related
Flash 3d Carousel
I found a a free flash carousel from gotoandlearn.com but don't know how to change it so the icons link to a page? I know that doesn't make sense but go to the link below and you'll download the finished piece so you can see what it does now.
So basically I just want to make it so when the user clicks on an icon it takes them to a page.
http://www.gotoandlearn.com/files/carousel3.zip
View Replies !
View Related
Flash Carousel - Above And Beyond - Help
I'm working with the Flash Carousel from the video tutorals. I've extended it a bit and have been succcessfull in altering it in every aspect assigned to me except for two things:
1. Having the Carousel rotate from icon to icon uppon button press (almost if it was a navigation menu)
2. When clicking on an icon (or category as I've come to call it basied on my project) the image will swap to another called from the XML (I'm thinking of calling the "alternate image" to load when the XML is loaded but have it enter with the alpha at 0. Then when clicked on I can have the alpha's of both images swap from 0 - 100 and vise versa. Not too hard to do but will increase the overall loading time a bit).
Successfull alterations:
- Given the carousel a "No Rotate Zone" from the center of the stage.
- Made images blur and fade based uppon their "y" position in the carousel.
- Called external flash movie "category.swf" when clicking on an icon / category and dynamically populating the flash with 5 icons evenly spaced accross the stage to act as "sub-categories" basically these are product images and details.
- Given liks to categorys & specific products, details, and links all populated by the XML
I've included everything in the zip. Running the html file will start everything as I have it thus far (obviously you need to extract all the files so the pathing will be correct to the images, xml, and swf files). I've just completed one category thus far for testing since all other categories work the same way. It's the image with the stroller but it's called "Teens".
Thank you in advanced and any help would be GREATLY appreciated!
View Replies !
View Related
Flash 3d Carousel
Hi, I did the flash 3d carousel tutorials I think its really great and I enjoy all the
tutorials. I was wondering how I can put an object or pic in the middle
and have my 3d carousel move around it right now you can see the objects Thur it.
is this possible... i would really appropriate some help.
i have uploaded all the files... in zip format
thank you
al
View Replies !
View Related
Flash MX 3D Carousel
Hi everyone,
I'm new to Flash and I do not have the most recent version of the software. I've been trying to figure out how to create a 3D carousel using Flash MX (2002), but for some reason, the code does not seem to be working at all. Will Lee's tutorial work for Flash MX users? And if not, is it possible to create carousels in Flash MX? Are there any tutorials or has anyone created a code for it?
Thanks in advance.
View Replies !
View Related
[F8] Flash Carousel Could Not Play On Web
Hello all, I would be glad for getting help from anyone. I created a carousel , uploaded and wanted to use the link on my website and my myspace site, but it could not show up at all ... its all white ... could someone help me out!!!!
this is the link to the upload.... http://www.quext.com/DLpro/carousel_Final.swf
thanks,
Collins.
View Replies !
View Related
Flash Carousel Using A Database
Hi guys,
I'm just starting to learn Flash CS3... And did the tutorial on Lee's Flash Carousel (wow)!
I wanted to create something similar to this, but the carousel to contain a whole heap of books and when you click the book enlarges (comes forward) and info is displayed about the book... i.e. Summary, Price, Date Published, Publishers Website. I have 35 books I want to use so it's going to be pretty big, I thought about doing this in XML but all the info about each book could get really messy. Would the advisable thing to do be to use PHP and a MySQL database? If so could anyone give me some pointer of doing this in CS3?
Thanks all in advance!
View Replies !
View Related
Carousel-Like Flash Navigation
Hello,
I am currently working on a project that requires me to build a navigation system using Flash. Now I usually work on CMS systems and Flash isn't really my bag so you will have to bear with me on this!
The requirement itself is quite easy, build a carousel-like flash animation that looks like the image below..
The idea is that when the user moves their mouse to the right of the images they cycle right and when the user moves their mouse the the left they cycle left.
I have done quite a bit with flash in the past but just little bits and pieces here and there, however, I do remember one project whereby I drew a line that a particular object followed, motion guide perhaps? I don't know if this is the correct way to look at this but an help that you guys can provide would be great.
Thanks in advance!
View Replies !
View Related
[CS3] Add Left/right Arrows To Flash Xml Carousel
Hi,
I have added a flash carousel to a client website. they now require it to also have left and right buttons. As my flash knowledge is limited and i downloaded the template i am unsure how to add these in. would anyone know how i can amend the flash file or actionscript code to include these images??
Thanks
// Below is the action script contained in the flash file. If you require anything else just ask.
stop();
var folder:String = "folder_location/";// a folder for thumbnail files + an XML file
var total:Number;
var radiusX:Number = 250;
var radiusY:Number = 30;
var centerX:Number = 310;
var centerY:Number = 100;
var speed:Number = 0.005;
tn_group_mc._visible = false;
fm_label.text = ""; fm_url.text = "";
var xml:XML = new XML();
xml.ignoreWhite = true;
xml.onLoad = function()
{
var nodes = this.firstChild.childNodes;
total = nodes.length;
for( var i=0; i < total; i++)
{
var t = tn_group_mc.duplicateMovieClip("tn"+i, i);
t.angle = i * ((Math.PI*2)/total);
t.onEnterFrame = mover;
t.tn_mc.inner.loadMovie( nodes[i].attributes.filename );
t.tn_reflection_mc.inner.loadMovie( nodes[i].attributes.filename );
t.fm_label = nodes[i].attributes.label;
t.fm_url = nodes[i].attributes.url;
t.fm_button.onRollOver = function()
{
fm_label.text = this._parent.fm_label;
}
t.fm_button.onRollOut = function()
{
fm_label.text = " "
}
t.fm_button.onRelease = function()
{
getURL(this._parent.fm_url);
}
}
}
d = new Date();
// always an unique number
kill = d.getTime();
xml.load(folder + "15.htm?kill="+kill);
function mover()
{
this._x = Math.cos(this.angle) * radiusX + centerX;
this._y = Math.sin(this.angle) * radiusY + centerY;
var s = this._y /(centerY+radiusY);
this._xscale = this._yscale = s*100;
this.angle += this._parent.speed;
this.swapDepths(Math.round(this._xscale) + 100);
}
this.onMouseMove = function()
{
speed = (this._xmouse-centerX) * 0.0001;
}
View Replies !
View Related
SwapDepths Problem With Flash Carousel
Hi
I've just completed a great video tutorial from http://www.gotoandlearn.com/ and have now made my own carousel, but it has one problem. The mc's do not swap depths properly which kinda kills the whole illusion...
here's my code,
Code:
var numOfItems:Number = 10;
var radiusX:Number = 250;
var radiusY:Number = 75;
var centerX:Number = Stage.width/2;
var centerY:Number = Stage.height/2;
var speed:Number = 0.05;
for(var i=0;i<numOfItems;i++) {
var t = this.attachMovie("item","item"+1, i+1);
t.angle = i * ((Math.PI*2)/numOfItems);
t.onEnterFrame = mover;
}
function mover() {
this._x = Math.cos(this.angle) * radiusX + centerX;
this._y = Math.sin(this.angle) * radiusY + centerY;
var s:Number = this._y / (centerY+radiusY);
this._xscale = this._yscale = s * 100;
this.angle += this._parent.speed;
this.swapDepths(Math.round(this._xscale)+100);
}
this.onMouseMove = function() {
speed = (this._xmouse-centerX)/9000;
}
my stage is 1000 x 1000
the mc's flash back and forward when they overlap at the edges of the carousel.
any ideas what's going wrong?
Cheers for your help
Steve
View Replies !
View Related
Best Practices - Flash Image Carousel
When creating an image Carousel in flash for a web page, what are the best practices for loading quickly and changing images?
So for instance, on an ecommerce site, the home page often has a block created in flash in which 4-6 images are included with arrows or image numbers are displayed at the bottom as buttons. The images automatically change to the next ever x seconds unless the user selects an image number or the forward/back arrows.
Obviously, smaller the image the better. But how about best practices for things like:
Do you include one image in the block and then load dynamically the other images? Should all images be dynamically loaded if you want to change them on a daily/weekly basis? Any suggestions for making sure the images, especially the first one is loaded quickly?
Anyone have sample ~gpl code that demonstrates a block like this?
Two examples - kohls.com, jcrew.com
View Replies !
View Related
Problems With Flash-based Carousel
I made some progress with a basic "spinning" carousel of items (which works a treat using just shapes created within Flash 8) but seem to have hit a few issues when stepping up to grabbing images via an external XML file- I'll try and explain the problem...
Each of the carousel items needs to grab a different file (at present I'm trying to test with images but in time these will be FLV video files).
The carousel is based on the ones demo'd at www.gotoandlearn.com. I followed the second of the tutorials and have got to the point where I've created a movie clip inside a movie clip inside a movie clip (required for the carousel) and have the accompanying ActionScript working, however when I preview the SWF file I only see the "filler shape" of the innermost movie clip, not the image file (.png) that it's supposed to contain.
The three movie clips are called item (the outermost), icon (inside item) and inner (the innermost). The outermost one ("item") is the one set to "export to ActionScript".
The images are grabbed from an XML file. The ActionScript is as follows:
Code:
var numOfItems:Number; //don't declare yet as number of items will be read from XML
var radiusX:Number = 250;
var radiusY:Number = 75;
var centerX:Number = Stage.width/2;
var centerY:Number = Stage.height/2;
var speed:Number = 0.05;
var perspective:Number = 130; //skew the perspective so items further back are smaller
var home:MovieClip = this; //create variable to be used inside the XML for loop later as we can't use "this" inside that loop
var xml:XML = new XML();
xml.ignoreWhite = true;
xml.onLoad = function()
{
var nodes = this.firstChild.childNodes; //i.e the XML file hierarchy
numOfItems = nodes.length;
for (var i=0;i<numOfItems;i++)
{
var t = home.attachMovie("item","item"+i,i+1);
t.angle = i * ((Math.PI*2)/numOfItems);
t.onEnterFrame = mover;
t.icon.inner.loadMovie (nodes[i].attributes.image); //load the image files
}
}
for (var i=0;i<numOfItems;i++)
{
var t = this.attachMovie("item","item"+i,i+1);
t.angle = i * ((Math.PI*2)/numOfItems);
t.onEnterFrame = mover;
}
xml.load("icons.xml");
function mover ()
{
this._x = Math.cos(this.angle) * radiusX + centerX;
this._y = Math.sin(this.angle) * radiusY + centerY;
var s:Number = (this._y - perspective)/(centerY + radiusY - perspective); //add the new perspective variable to the calculation
this._xscale = this._yscale = s * 100;
this.angle += this._parent.speed;
this.swapDepths(Math.round(this._xscale)+100);
}
this.onMouseMove = function()
{
speed = (this._xmouse-centerX)/2000;
}
The XML file:
<?xml version="1.0" encoding="iso-8859-1"?>
<icons>
<icon image="icon1.png" />
<icon image="icon2.png" />
</icons>
The XML file seems to be read (to a degree) by the ActionScript, because if I had a new "icon" item, the carousel "grows" another item accordingly (although as before, it only displays the background shape of the image "placeholder" movie clip).
Amyone got any ideas? I really need to get this sorted in the next week or so!
View Replies !
View Related
Help ... Carousel With Fixed Positions Ideas, Using Flash 8
Hy guys, i'm having a really big problem with a carousel, i started working with the base being a tutorial on gotoandlearn on "Creating 3D Carousels". It works fine as a carousel but i need it to look always the same no matter how manny images i load ... i need it exactly like this
.. this is my carousel with 15 images loaded, but if load 10 i get this
or if i load 20 i get this
.. this where all done with a radius of 280 and the images in the back are not visible;.I've tried calculating the radius by the number of images but it's still not great looking
with 10
.. with 15
an finally with 20
In the first example i calculate the speed like this speedValue = (360/numOf)/2, i need like that so i can allways center on 270 degrees ... the pozitions like this
mc._y = centerY - mc._height/3;
mc._x = centerX + Math.cos((mc.angle) / 180 * Math.PI)*radiusX - mc._width/2;
end the scale like this mc._xscale=mc._yscale=360-mc.angle+10; or mc._xscale=mc._yscale=mc.angle-180 + 10; depending on the angle
In the second example i added this radiusX=numOf*22;
....
can anyone help with an idee some code whatever , and sorry for my bad english
View Replies !
View Related
PROBLEMS LOADING FLASH CAROUSEL INTO DREAMWEAVER
... dear all, I have loaded the SWF file of the carousel into dreamweaver, however, its just the black background that shows up when i test movie - I am sure that it's got something to do with the XML file (as it holds all the images) - PNG files have also been put in the dreamweaver root folder too. The carousel works fine in Flash (nothing wrong there) ... help much appreciated
View Replies !
View Related
Flash Carousel- Amending To Include New Text?
Hi, I've created a carousel of items using (initially) the tutorials from gotoandlearn.com, and then also the modified version here:
http://www.box.net/public/6rhb01kcja
- which was posted in another link.
This modified code allows you to click on one of the carousel items, which then brings up a new screen that plays an SWF file (specified in the accompanying XML file). Meanwhile the carousel item moves to one side.
What I need is for that carousel item to also have on it some text along the lines of "Click here to return to the carousel of videos" or similar. However I can't see a way of doing this within the ActionScript- has anyone got any ideas?
This is the current ActionScript for my carousel:
Code:
import mx.utils.Delegate;
//transitions for icon tween
import mx.transitions.Tween;
import mx.transitions.easing.*;
var numOfItems:Number;
var radiusX:Number = 300;
var radiusY:Number = 75;
var centerX:Number = Stage.width/2;
var centerY:Number = (Stage.height/2.6);
var speed:Number = 0.05;
var perspective:Number = 130;
var home:MovieClip = this;
//text field invisible at startup
myLoader._alpha = 0;
var tooltip:MovieClip = this.attachMovie ("tooltip","tooltip",10000)
tooltip._alpha = 0;
var xml:XML = new XML ();
xml.ignoreWhite = true;
xml.onLoad = function ()
{
var nodes = this.firstChild.childNodes;
numOfItems = nodes.length;
trace(numOfItems);
for (var i=0;i<numOfItems;i++)
{
var t = home.attachMovie ("item", "item"+i, i+1);
t.angle = i * ((Math.PI*2)/numOfItems);
t.onEnterFrame = mover;
//attributes called from XML
t.toolText = nodes[i].attributes.tooltip;
t.movie = nodes[i].attributes.movie;
//t.content = nodes[i].attributes.content;
//t.loadClip = nodes [i].attributes.movie;
//t.myLoader = nodes[i].attributes.movie;
//t.loadMovie = nodes[i].attributes.movie;
//t.myLoader.loadMovie = nodes[i].attributes.movie;
//t.movieClip = nodes[i].attributes.movie;
//t.myLoader.loadMovie = nodes[i].attributes.movie;
//t.page = nodes[i].attributes.movie;
t.icon.inner.loadMovie (nodes [i].attributes.image);
t.ref.inner.loadMovie (nodes [i].attributes.image);
t.icon.onRollOver = over;
t.icon.onRollOut = out;
t.icon.onRelease = released;
}
}
function over ()
{
home.tooltip.tipText.text = this._parent.toolText;
home.tooltip._x = this._parent._x;
home.tooltip._y = this._parent._y - this._parent._height/2;
home.tooltip.onEnterFrame = Delegate.create (this,moveTip);
home.tooltip._alpha = 100;
}
function out ()
{
delete home.tooltip.onEnterFrame;
home.tooltip._alpha = 0;
}
function released ()
{
home.tooltip._alpha = 0;
for (var i=0;i<numOfItems;i++)
{
//var to refer to icons in carousel
var t:MovieClip = home["item"+i]
t.xPos = t._x;
t.yPos = t._y;
t.theScale = t._xscale;
//undo icon properties when fired
delete t.icon.onRollOver;
delete t.icon.onRollOut;
delete t.icon.onRelease;
delete t.onEnterFrame;
//if statement to animated selected icon in a different way to all other items
if (t != this._parent)
{
var tw:Tween = new Tween (t,"_xscale",Strong.easeOut,t._xscale,0,1,true);
var tw2:Tween = new Tween (t,"_yscale",Strong.easeOut,t._yscale,0,1,true);
var tw3:Tween = new Tween (t,"_alpha",Strong.easeOut,100,0,1,true);
}
else
{
var tw:Tween = new Tween (t,"_xscale",Strong.easeOut,t._xscale,100,1,true);
var tw2:Tween = new Tween (t,"_yscale",Strong.easeOut,t._yscale,100,1,true);
//Next 2 lines determine where the carousel item moves to when clicked and the video plays
var tw3:Tween = new Tween (t,"_x",Strong.easeOut,t._x,40,1,true);
var tw4:Tween = new Tween (t,"_y",Strong.easeOut,t._y,207,1,true);
var tw5:Tween = new Tween (myLoader,"_alpha",Strong.easeOut,0,100,1,true);
//theText.text = t.content;
//mcLoader.loadClip(t.page ,myLoader);
//myLoader.loadMovie = t.page;
//myLoader.movieClip = t.movie;
//myLoader.loadMovie = t.loadMovie;
myLoader.loadMovie(t.movie);
var s:Object = this;
tw.onMotionStopped = function()
{
s.onRelease = unReleased;
}
}
}
}
function unReleased()
{
delete this.onRelease;
var tw:Tween = new Tween (theText,"_alpha",Strong.easeOut,100,0,0.5,true);
var tw2:Tween = new Tween (scroller,"_alpha",Strong.easeOut,100,0,0.5,true);
for (var i=0;i<numOfItems;i++)
{
var t:MovieClip = home["item"+i]
myLoader.unloadMovie();
if (t != this._parent)
{
var tw:Tween = new Tween (t,"_xscale",Strong.easeOut,0,t.theScale,1,true);
var tw2:Tween = new Tween (t,"_yscale",Strong.easeOut,0,t.theScale,1,true);
var tw3:Tween = new Tween (t,"_alpha",Strong.easeOut,0,100,1,true);
}
else
{
var tw:Tween = new Tween (t,"_xscale",Strong.easeOut,100,t.theScale,1,true);
var tw2:Tween = new Tween (t,"_yscale",Strong.easeOut,100,t.theScale,1,true);
var tw3:Tween = new Tween (t,"_x",Strong.easeOut,t._x,t.xPos,1,true);
var tw4:Tween = new Tween (t,"_y",Strong.easeOut,t._y,t.yPos,1,true);
tw.onMotionStopped = function()
{
for (var i=0;i<numOfItems;i++)
{
var t:MovieClip = home["item"+i]
t.icon.onRollOver = Delegate.create (t.icon,over);
t.icon.onRollOut= Delegate.create (t.icon,out);
t.icon.onRelease= Delegate.create (t.icon,released);
t.onEnterFrame = mover;
}
}
}
}
}
function moveTip ()
{
home.tooltip._x = this._parent._x;
home.tooltip._y = this._parent._y - this._parent._height/2;
}
xml.load ("icons.xml");
for (var i=0;i<numOfItems;i++)
{
var t = this.attachMovie ("item", "item"+i, i+1);
t.angle = i * ((Math.PI*2)/numOfItems);
t.onEnterFrame = mover;
}
function mover ()
{
this._x = Math.cos (this.angle) * radiusX + centerX;
this._y = Math.sin (this.angle) * radiusY + centerY;
var s:Number = (this._y-perspective) / (centerY+radiusY-perspective);
this._xscale = this._yscale = s * 100;
this.angle += this._parent.speed;
this.swapDepths (Math.round (this._xscale) + 100);
}
this.onMouseMove = function()
{
speed = (this._xmouse-centerX)/2500;
}
This is the XML file:
(at present I'm just testing with a single image and SWF but obviously different ones will eventually be used)
Code:
<?xml version="1.0" encoding="ISO-8859-1"?>
<icons>
<icons image="iconbigger01.png" tooltip="Customer" movie="mov01059.swf" />
<icons image="iconbigger02.png" tooltip="Customer" movie="mov01059.swf" />
<icons image="iconbigger03.png" tooltip="Customer" movie="mov01059.swf" />
<icons image="iconbigger04.png" tooltip="Customer" movie="mov01059.swf" />
<icons image="iconbigger05.png" tooltip="Customer" movie="mov01059.swf" />
<icons image="iconbigger06.png" tooltip="Customer" movie="mov01059.swf" />
<icons image="iconbigger07.png" tooltip="Customer" movie="mov01059.swf" />
<icons image="iconbigger08.png" tooltip="Customer" movie="mov01059.swf" />
<icons image="iconbigger09.png" tooltip="Customer" movie="mov01059.swf" />
<icons image="iconbigger10.png" tooltip="Customer" movie="mov01059.swf" />
</icons>
[edited by admin: Use code tags!]
View Replies !
View Related
Carousel Icons Not Showing Up When Flash File Added To Html
Hi there.
I am not new to html or flash but, some what new to XML. I created a carousel based off the tutorials and it works great on my computer but, when I create an html file and attach the .swf file the flash file loads but, the icon images or anything from the .xml file doesn't appear.
This is what I use to load my .swf file :
<div id="spacer">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="900" height="726">
<param name="movie" value="carousel/carouselallinkfinal.swf">
<param name="quality" value="high">
<embed src="carousel/carouselallinkfinal.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="900" height="726"></embed>
</object>
</div>
Any ideas why this is happening? Do I have to put a special script in the html document for it to be able to see the xml file?
Really need your help. This is for a deadline that I have to accomplish by end of this week.
View Replies !
View Related
|
TRACKER
