Carousel Tut. Image Instead Of Text
HiI am trying to work with the carousel tutorial. It is possible to display text on the right when an icon is clicked. Is it possible to display an image instead of the text (reading from the Xml)?Henk
Actionscript 2.0
Posted on: Wed Jan 10, 2007 6:51 pm
View Complete Forum Thread with Replies
See Related Forum Messages: Follow the Links Below to View Complete Thread
Carousel - Image Instead Of Text Upon ROLLOVER
I watched all 3 Carousel tutorials but can not figure out how to use an image instead of dynamic text for the rollover bubble that appears above each icon. I found a few threads on this forum with similar questions but none were answered.
Thanks in advance for your help.
AS3 Image Carousel
Hi I am trying to replicate the an image carousel like the one on nissanusa.com.
I have created a movie(image1) with five layers containing the images.
and given them instance names ClipA, ClipB, etc.
I then moved ClipA from the top layer to below ClipB but then the listeners dont catch any mose roll over.
Any Ideas?
Is there a way to dynamically move them up or down layers?
image1.clipA.addEventListener(MouseEvent.ROLL_OVER,overFunction1);
image1.clipA.addEventListener(MouseEvent.ROLL_OUT,outFunction1);
image1.clipB.addEventListener(MouseEvent.ROLL_OVER,overFunction2);
image1.clipB.addEventListener(MouseEvent.ROLL_OUT,outFunction1);
function overFunction1(obj:Object) {
trace ("on roll called");
display_txt.text = "CLIP A";
bgdark.visible = true;
image1.stop();
image1.clipA.gotoAndStop(10);
image1.clipB.gotoAndStop(20);
image1.clipC.gotoAndStop(20);
image1.clipD.gotoAndStop(20);
image1.clipE.gotoAndStop(20);
}
Thanks
Chris
Anyone Know Any Image Carousel Tutorial?
Hi,
I'm looking for an image carousel (rotating like those found in carnival rides) done in Flash5. Preferably horizontally rotating and customizable...
Anyone seen one lately? Somewhat looks like this except this one is done with java applets and is more like a ferris wheel rather than a carousel.
Thanks!
Carousel Image Gallery
i am interested to know how this IMAGE GALLERY was created and worked out.
i searched on FK and found THIS Carousel sorta thing but i was not successful implementing images within it.
anyhelp is greatly appreciated.
I Need An Image Carousel, Scroller Like This One...
Hi there,
Im looking to build a scrolling image carousel like the one shown here
http://www.nikoleramsay.com/
The requirements are:
The images must be loaded in individually to reduce preload time.
For it to be scrolling.
To have a dragable bar
To remain 100% width in any browser.
Does any know of a script, a site, a tutorial that might help me complete this? Doesn’t have to be a free script, i don’t mind paying for this.
To be honest, any help in the right direction would be fantastically helpful here.
Tim
I Need An Image Carousel, Scroller Like This One...
Hi there,
Im looking to build a scrolling image carousel like the one shown here
http://www.nikoleramsay.com/
The requirements are:
The images must be loaded in individually to reduce preload time.
For it to be scrolling.
To have a dragable bar
To remain 100% width in any browser.
Does any know of a script, a site, a tutorial that might help me complete this? Doesn’t have to be a free script, i don’t mind paying for this.
To be honest, any help in the right direction would be fantastically helpful here.
Tim
Carousel Image Quality
Trying to figure out how to make the images in my carousel not jump around so much. Does anybody know of an effect, file type, flash setting or anything else that can help smoooth this out?
Thanks fo the help.
if you want to see what im talking about go here
http://www.symbioticmeg.com
A Static Image To 3D Carousel
I did the fantastic 3D carousel tutorial and got it working properly. I'd like to put a statis picture in the middle of the carousel though, something that the items revolve around, so I'd need the items to go behind the image somehow. I imagine this can be accomplished by a mask but I have no idea how to mask the dynamically created items and now they just move on top of the middle image. Can someone help me with this?
Carousel - Foreground Image
What would be the best way to overlay an image on the carousel script. I'm trying to make the icons in the rear pass behind the overlayed image.
Here's an example of what's happening now when I simply place the image on it's own layer.
http://pmgroup.com/ready2go/_caro2/caro ... enter.html
Bug In The Attached Carousel Image Gallery
I need to fix the bug in a carousel based image gallery. I tried to figure it out but I couldn't.
Can anybody help me in this. I would be glad if somebody can explain what's going on in the action script
Carousel Image Gallery Scale
I finished my first design in flsh 8 using autoscript. It is a carousel gallery of 14 images rotating around.
I am very new to this area but i hava a knowledge on programming language.
What i want is when an image comes in the center of the monitor to scale
automatically, stay at the max scale for around 2 secs then scale back to its original size.
when an image is in the proccess of scaling, the other images should stop and wait until the image gets its original size.
actually the proccess goes like that:
1st image in screen center - scale for 2 secs - remain at max size for 2 sec - scale back to original size - carousel rotation -
2nd image - scale.....and so on
Actually what i am lookin for is in url http://www.greekmilitary.net/
I would be very gratefull if anyone can supply me with an appropriate actionscript code or any reference tutorials on this
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
Image In Center Of Carousel Menu?
Hi, I recently built myself a carousel menu that works well, and was just wondering if it was possible to place a movieclip at it's center? the problem i've been having is that the icons at the back still seem to display overtop of the central movie clip, is there perhaps some way to set the depth of the movie clip I want in the center, so that the icons in front pass in front of the movie clip while the ones in back pass behind?
sorry if this is a bit confusing, i've been up all night trying to figure this out =/
thx in adv.
-wraith
3D Carousel Weird Image At Loading?
Hello
The 3d carousel is fantastic but i seem to have encountered an issue
when it loads it has a very odd royal blue blue box about 2 inches tall by half inch wide appear on the screen briefly. this appears in the upper left portion of the screen
any ideas what this might be? would like to make it go away! since it is all loading dynamically i have no idea where this little gremlin is coming from
thanks
justin
How Can I Load An External Image Using This Carousel Code
I found this beautiful carousel ported to actionscript 3.0.
http://board.flashkit.com/board/atta...7&d=1188450564
How can I change the code so I can click one of the carousel images and have it load the companion large image located in a different folder into a movieclip on stage.
I am a newbie to AS3 and struggling to learn how to do things.
Hopefully, someday I will be smart enough to contribute to the forum with intelligent submissions.
Can't Find A Simple Image Rotator Tutorial (not Carousel)
Hi,
I need to make a simple movie that rotates through images/swfs, in order, and has a small navigation to select any of the images in the rotator. Probably will only contain 3 - 6 images/swfs at a time. I have come across many pre-made flash image rotators, but I need something a bit more open that I can customize to my liking. I'm not necessarily looking for ease of use or automated. I know enough AS that I understand it, I just need help writing it sometimes. Kinda like when you can read a language, but you're not fluent in writing it. Anyway, I'm not asking for someone to write AS for me, but if anyone has something already on hand that they don't mind sharing or if you know of a tutorial that may help, I would appreciate it. Thanks.
Text Hyperlink In Carousel
I am using goandlearn.com demo files to create a product carousel. Once I choose the product and it displays the image and text (after the tween) I need to add a text hyperlink within the product description to link to the product page. Can You help me with this?
Here is the xml I am using:
<icons>
<icon image="icon1.png" title="Getting Started with e-Sign and e-Closing CD " content="The industry has been talking about the e-transaction for years, but significant developments recently are turning the idea into reality." link="Click here for more information" url="http://www.octoberstore.com/Getting_Started_with_e_Sign_and_e_Closing_CD_p/er111507.htm"/>
<icon image="icon2.png" title="NS3 2008 Expanding and Diversifying Your Title Agency: Expanding into Appraisal CD " content="Hear one of the nation's leading appraisal authorities outline the new regulations and discuss the financial opportunities that may be available for title agents to expand their services with lenders and real estate agents by offering a menu of appraisal and valuation products." link="Click here for more information" url="http://www.octoberstore.com/Expanding_Your_Title_Agency_into_Appraisal_p/ns308-cd3.htm"/>
<icon image="icon3.png" title="Real Estate Law 101: Fiduciary duty and dual agency CD" content="In the world of real estate law, few issues are as controversial these days as those surrounding an agent’s dual representation of buyers and/or sellers.
" link="Click here for more information" url="http://www.octoberstore.com/Real_Estate_Law_101_p/rel052808.htm"/>
<icon image="icon4.png" title="RESPA Radio: Eye on Reform - Mortgage Focus - CD " content="It’s finally here…RESPA reform rule emerges!" link="Click here for more information" url="http://www.octoberstore.com/RESPA_Radio_Eye_on_Reform_Mortgage_Focus_CD_p/rr032808.htm"/>
<icon image="icon5.png" title="RESPA Q & A Marketing Agreements CD" content="It’s a critical time for title companies to market their services." link="Click here for more information" url="http://www.octoberstore.com/RESPA_Q_A_Marketing_Agreements_CD_p/rr121207.htm"/>
<icon image="icon6.png" title="Title Companies: Reeling in New Revenue PDF Special Report " content="Our latest special report provides insight into how title agencies can hook new clients." link="Click here for more information" url="http://www.octoberstore.com/Reeling_in_New_Revenue_PDF_Special_Report_p/ttr-sp-100.htm"/>
<icon image="icon7.png" title="Appraiser Survival Series: Succeeding in Declining Markets CD" content="We drill down on the complex criteria for checking the declining market box and providing the substantiating information you need to back up your opinion.
" link="Click here for more information" url="http://www.octoberstore.com/Succeeding_in_Declining_Markets_p/vr050108.htm"/>
<icon image="icon8.png" title="Appraisal Survival Strategies PDF Special Report" content="A new exclusive report from Valuation Review tells you what survival strategies your colleagues are embracing for 2008 and helps you determine the path that’s right for you.
" link="Click here for more information" url="http://www.octoberstore.com/Appraisal_Survival_Strategies_p/vr-sp-100.htm"/>
</icons>
and here is the action script as I have it so far:
import mx.utils.Delegate;
import mx.transitions.Tween;
import mx.transitions.easing.*;
var numOfItems:Number;
var radiusX:Number = 220;
var radiusY:Number = 50;
var centerX:Number = Stage.width / 2;
var centerY:Number = Stage.height / 2;
var speed:Number = 0.05;
var perspective:Number = 50;
var home:MovieClip = this;
theText._alpha = 0;
theTitle._alpha = 0;
link._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;
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.toolText = nodes[i].attributes.tooltip;
t.title = nodes[i].attributes.title;
t.content = nodes[i].attributes.content;
t.link = nodes[i].attributes.url;
t.url = nodes[i].attributes.url;
t.icon.inner.loadMovie(nodes[i].attributes.image);
t.r.inner.loadMovie(nodes[i].attributes.image);
t.icon.onRollOver = over;
t.icon.onRollOut = out;
t.icon.onRelease = released;
}
}
function over()
{
//BONUS Section
var sou:Sound = new Sound();
sou.attachSound("sover");
sou.start();
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()
{
//BONUS Section
var sou:Sound = new Sound();
sou.attachSound("sdown");
sou.start();
home.tooltip._alpha = 0;
for(var i=0;i<numOfItems;i++)
{
var t:MovieClip = home["item"+i];
t.xPos = t._x;
t.yPos = t._y;
t.theScale = t._xscale;
delete t.icon.onRollOver;
delete t.icon.onRollOut;
delete t.icon.onRelease;
delete t.onEnterFrame;
if(t != this._parent)
{
var tw:Tween = new Tween(t,"_xscale",Strong.easeOut,t._xscale,0,1,tru e);
var tw2:Tween = new Tween(t,"_yscale",Strong.easeOut,t._yscale,0,1,tru e);
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,t rue);
var tw2:Tween = new Tween(t,"_yscale",Strong.easeOut,t._yscale,100,1,t rue);
var tw3:Tween = new Tween(t,"_x",Strong.easeOut,t._x,80,1,true);
var tw4:Tween = new Tween(t,"_y",Strong.easeOut,t._y,180,1,true);
var tw5:Tween = new Tween(theText,"_alpha",Strong.easeOut,0,100,1,true );
var tw6:Tween = new Tween(theTitle,"_alpha",Strong.easeOut,0,100,1,tru e);
var tw7:Tween = new Tween(link,"_alpha",Strong.easeOut,0,100,1,true);
trace (t.link);
link.onRelease = function ()
{
trace(t.url);
getURL(t.url);
}
theText.text = t.content;
theTitle.text = t.title;
var s:Object = this;
tw.onMotionStopped = function()
{
s.onRelease = unReleased;
}
}
}
}
function unReleased()
{
//BONUS Section
var sou:Sound = new Sound();
sou.attachSound("sdown");
sou.start();
delete this.onRelease;
var tw:Tween = new Tween(theText,"_alpha",Strong.easeOut,100,0,0.5,tr ue);
var tw2:Tween = new Tween(theTitle,"_alpha",Strong.easeOut,100,0,0.5,t rue);
var tw2:Tween = new Tween(link,"_alpha",Strong.easeOut,100,0,0.5,true) ;
for(var i=0;i<numOfItems;i++)
{
var t:MovieClip = home["item"+i];
if(t != this._parent)
{
var tw:Tween = new Tween(t,"_xscale",Strong.easeOut,0,t.theScale,1,tr ue);
var tw2:Tween = new Tween(t,"_yscale",Strong.easeOut,0,t.theScale,1,tr ue);
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");
function mover()
{
this._x = Math.cos(this.angle) * radiusX + centerX;
this._y = Math.sin(this.angle) * radiusY + centerY;
var s = (this._y - perspective) /(centerY+radiusY-perspective);
this._xscale = this._yscale = s*75;
this.angle += this._parent.speed;
this.swapDepths(Math.round(this._xscale) + 100);
}
this.onMouseMove = function()
{
speed = (this._xmouse-centerX)/3500;
}
Carousel Text Link
Hi guys!
I've sarched like crazy on the forum but i've founded no answers...is possibile to make a word linkable in the carousel text?
I mean the xml..i want a word or some words to be linkable to other pages..
tnx in advice and great forum!!!!!!!!!!!!!
Carousel Hyperlinks In Text Description
I was wondering if anyone knows a way to play hyperlinks in the description for the items in the Carousel. So for example you have 5 items in the carousel you click on one it moves to the upper left and you get the description that comes up. That description is in the xml document and seems to be just plain text. Is there anyway to add html to it like to have a word link to another page?
Thanks in advance and hope this makes sense
PS I tried messing around with CDATA but couldn't get it to work.
Here is an example of what I want.
To see more about this item you can click Code:
<a href="www.anywhere.com">here</>.
Flash Carousel..(adding Swf's Instead Of Text)
I need help, I completed the carousel tutorial with no problems, only now I want to create a site based around this idea, but I'm having problems figuring out how to put in actual content like an individual SWF, or a movie clip rather than the Text box ....Help!!!
Carousel Part 3 With Links Under The Text
Hello, I just watched all the carousel tutorials and liked them but I would like to add a little thing to my carousel:
Under the text you get when you click on an icon I would like to add an link to another place. But I dont want the link to be displayed like normal (http://www.example.com..) I would rather get "Click here for an example"
So my question is:
Can I do this in the " content=" inside the .xml file and if not how do you do it under a new name. I also watched the basic xml tutorial but I didn't find what I was looking for there..
basically I want the same thing as if you write [ url=<domain> ]name[ /url ] in this forum
Text Link In The Carousel XTML
I just did Carousel tutorial and was wondering if there was a way to place a link in the text that is referenced in the XTML file that goes with that tutorial.
Idealy, when you click on the icon and the text comes up, you would have a link that would open a pop-window to another site, much in the way it does with a Code:
traget="blank" tag in regular HTML.
I'd venture to day it's possible, but due to my newbieness in both, actionscript and XTML, I havent been able to figure out how.
Could someone help me please?
Can The 3D Carousel Open Images And Or Text?
I have been having the hardest time trying to figure this out. I am trying to use the 3D Carousel from the tutorials,
But what I am trying to do, is to have the item open with a larger picture or just with text in the holder. so some of the items can just have text and others can have a lager photo. or even others can have video. Can anyone help me figure this out?
Any Help would be greatly Appreciated!
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!]
Place Links To Flv Files In Text Field On Carousel?
I need some help please...
I made everything like in that great carousel tut but i need to make autoplay menu and i dont know how to place some text links in text field that will trigger flv files from cd...
Maybe to use swf that loads into the main movie and place links there but how to write the scipt in xml? And do I need to modify the script in flash?
Thanks!
I Need To Load A Image(jpg) Into Flash With A Text File With The Url For The Image
As the name says it all.
I need to add some AS in my flash site, so that the image (banner) is dynamic, meaning when I want to make a change to it, or make it look different, i dont want to go into flash to do it. So I want it so that when I change the jpg itself it changes inside of flash.
I would like flash to look up a txt file I give it, and inside the txt file it will have a URL to which jpg to load up in the movieclip.
If not this way, another similar way would be great
Thanks!
Linking The "content" Text In Carousel
I have been trying to hyperlink a part of the content text to an external website in carousel. I tried to apply the procedure for linking the image files as it was the closest topic I could find in forum's database. Couldn't figure out...
here is my code
Code:
import mx.utils.Delegate;
import mx.transitions.Tween;
import mx.transitions.easing.*;
var numOfItems:Number;
var radiusX:Number = 160;
var radiusY:Number = 17;
var centerX:Number = 528
var centerY:Number = 70
var speed:Number = 0.002;
var perspective:Number =7;
var home:MovieClip = this;
theText._alpha = 0;
fieldback._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;
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.toolText = nodes[i].attributes.tooltip;
t.content = nodes[i].attributes.content;
t.icon.inner.loadMovie(nodes[i].attributes.image);
t.r.inner.loadMovie(nodes[i].attributes.image);
t.icon.onRollOver = over;
t.icon.onRollOut = out;
t.icon.onRelease = released;
}
}
function over()
{
//BONUS Section
var sou:Sound = new Sound();
sou.attachSound("sover");
sou.start();
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()
{
//BONUS Section
var sou:Sound = new Sound();
sou.attachSound("sdown");
sou.start();
home.tooltip._alpha = 0;
for(var i=0;i<numOfItems;i++)
{
var t:MovieClip = home["item"+i];
t.xPos = t._x;
t.yPos = t._y;
t.theScale = t._xscale;
delete t.icon.onRollOver;
delete t.icon.onRollOut;
delete t.icon.onRelease;
delete t.onEnterFrame;
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);
var tw3:Tween = new Tween(t,"_x",Strong.easeOut,t._x,380,1,true);
var tw4:Tween = new Tween(t,"_y",Strong.easeOut,t._y,72,1,true);
var tw5:Tween = new Tween(theText,"_alpha",Strong.easeOut,0,100,1,true);
var tw6:Tween = new Tween(fieldback, "_alpha",Strong.easeOut,0,100,1,true);
theText.text = t.content;
var s:Object = this;
tw.onMotionStopped = function()
{
s.onRelease = unReleased;
}
}
}
}
function unReleased()
{
//BONUS Section
var sou:Sound = new Sound();
sou.attachSound("sdown");
sou.start();
delete this.onRelease;
var tw:Tween = new Tween(theText,"_alpha",Strong.easeOut,100,0,0.5,true);
var tw2:Tween = new Tween(fieldback,"_alpha",Strong.easeOut,100,0,0.5,true);
for(var i=0;i<numOfItems;i++)
{
var t:MovieClip = home["item"+i];
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("data.xml");
function mover()
{
this._x = Math.cos(this.angle) * radiusX + centerX;
this._y = Math.sin(this.angle) * radiusY + centerY;
var s = (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)/13500;
thank you
How To Stop Text Floating To Right Side Of An Image Inside A Dynamic Text Field
Hi
I have dynamic text field that loads in a txt file containing
html formatted text including an embedded image.
When I test the movie the text that should appear bellow
the image, instead, runs down the right side of the image.
I have tried adding various html attributes including -
Code:
<br clear="all"><img src="image.gif" /><br >
I have also tried attaching a style sheet and appying the
following class -
Code:
img.allClear {
clear: all;
}
and also redefining the image tag -
Code:
img {
clear: all;
}
None of witch have worked.
Can someone help with this please.
Regards Mydogmax
How To Load A Clip Or Image With Text In Dynamic Text Box
Hi guys,
Please help me!
I need text to be displayed with some movie clips or smileys with it in dynamic text box. Like the below
hi how are you?
but when i tried to do this i am getting some thing like this
hi how are you?
it is registering with left or right only. how to rectify it? I am using html output for attaching the clip with text for output.
using flash8 and actionscript 2.0
thanks in advance.
How To Load A Clip Or Image With Text In Dynamic Text Box With
Hi guys,
Please help me!
I need text to be displayed with some movie clips or smileys with it in dynamic text box. Like the below
hi how are you?
but when i tried to do this i am getting some thing like this
hi how are you?
it is registering with left or right only. how to rectify it? I am using html output for attaching the clip with text for output
thanks in advance.
Image Gallery With Text - Text Problem
The fllowing AS is for an image gallery and works well except.....
on loading the first image the image name and number do not show up.
Upon advanceing to the next image all the text shows, and if after advanceing you go back to the first image then the text of the first image will show.
What do I need to correct to fix this?
Thanks
-----------------------------
text01.text = "Loading...";
my_xml = new XML();
my_xml.ignoreWhite = true;
my_xml.load("gallery101.xml");
my_xml.onLoad = function(status)
{
if (status)
{
text_xml = this.firstChild.firstChild.childNodes;
createEmptyMovieClip("mc", 1);
loadMovie(text_xml[0].attributes.source, "mc");
stageWidth = 800;
stageHeight = 600;
setPicture(mc);
}
};
next.onRelease = function()
{
// Next image
if (image < text_xml.length - 1)
{
image++;
loadMovie(text_xml[image].attributes.source, "mc");
count.text = text_xml[image].attributes.count;
text01.text = text_xml[image].attributes.text01;
setPicture(mc);
}
else if (image == text_xml.length - 1)
{
image = 0;
loadMovie(text_xml[image].attributes.source, "mc");
count.text = text_xml[image].attributes.count;
text01.text = text_xml[image].attributes.text01;
setPicture(mc);
}
};
previous.onRelease = function()
{
// Previous image
if (image > 0)
{
image--;
loadMovie(text_xml[image].attributes.source, "mc");
count.text = text_xml[image].attributes.count;
text01.text = text_xml[image].attributes.text01;
setPicture(mc);
}
else if (image == 0)
{
image = text_xml.length - 1;
loadMovie(text_xml[image].attributes.source, "mc");
count.text = text_xml[image].attributes.count;
text01.text = text_xml[image].attributes.text01;
}
};
function setPicture(theMC)
{
this.onEnterFrame = function()
{
if (mc._width > 0)
{
mcWidth = mc._width;
mcHeight = mc._height;
mc._x = (stageWidth - mcWidth) / 2;
mc._y = (stageHeight - mcHeight) / 2;
// Text field with picture name
count.text = text_xml[image].attributes.count;
text01.text = text_xml[image].attributes.text01;
}
};
}
------------------
XML is as follows:
------------------
<slides>
<slideshow>
<image count="01" text01="CHRIS ROCK" source="cd-01/001.jpg"></image>
Image Gallery With Text - Text Problem
The following script works except for one thing....
when the first image comes up the first image name does not.
but if you advance to the next image the second image name comes up no problem.
if you select previous image then the first image name comes up.
Any help to fix this would save me another day of aggrevation.
thanks.
--------------------------------------------------
ActionScript Code:
text01.text = "Loading...";
my_xml = new XML();
my_xml.ignoreWhite = true;
my_xml.load("gallery101.xml");
my_xml.onLoad = function(status)
{
if (status)
{
text_xml = this.firstChild.firstChild.childNodes;
// Create New Movie Clip
createEmptyMovieClip("mc", 1);
// Load picture into new MC
loadMovie(text_xml[0].attributes.source, "mc");
// Positioning
stageWidth = 800;
stageHeight = 600;
setPicture(mc);
}
};
next.onRelease = function()
{
// Next image
if (image < text_xml.length - 1)
{
image++;
loadMovie(text_xml[image].attributes.source, "mc");
count.text = text_xml[image].attributes.count;
text01.text = text_xml[image].attributes.text01;
setPicture(mc);
}
else if (image == text_xml.length - 1)
{
image = 0;
loadMovie(text_xml[image].attributes.source, "mc");
count.text = text_xml[image].attributes.count;
text01.text = text_xml[image].attributes.text01;
setPicture(mc);
}
};
previous.onRelease = function()
{
// Previous image
if (image > 0)
{
image--;
loadMovie(text_xml[image].attributes.source, "mc");
count.text = text_xml[image].attributes.count;
text01.text = text_xml[image].attributes.text01;
setPicture(mc);
}
else if (image == 0)
{
image = text_xml.length - 1;
loadMovie(text_xml[image].attributes.source, "mc");
count.text = text_xml[image].attributes.count;
text01.text = text_xml[image].attributes.text01;
}
};
function setPicture(theMC)
{
this.onEnterFrame = function()
{
if (mc._width > 0)
{
mcWidth = mc._width;
mcHeight = mc._height;
mc._x = (stageWidth - mcWidth) / 2;
mc._y = (stageHeight - mcHeight) / 2;
// Text field with picture name
count.text = text_xml[image].attributes.count;
text01.text = text_xml[image].attributes.text01;
}
};
}
Flowing Text Around Image In Text Field
I have a text field set to render HTML. In there I have an image tag that
shows a graph. It works great except the text that follows the image always
appears to the right of the image, as opposed to appearing under it like I
want. I have tried adding <br> tags, starting a new paragraph, putting
hspace around the image, making it bigger, etc. Nothing I do seems to work.
Anyone know the proper way here?
--
Dave -
Head Developer
www.blurredistinction.com
Adobe Community Expert
http://www.adobe.com/communities/experts/
Loading Text And Image From Text File?
Hi there... This is probably a really dumb question so dont laugh.
I've created a dynamic text box within my flash file which loads an external text file. In this text file, I thought maybe I could use html like <img src="myimage.jpg"> to load an image along with text i have in this file. Obviously it doesnt work like that....so is there another way I can do this? I wanted to do it this way so that anyone who knows just a tad bit of html can edit this text file without touching the flash file.
thanks for your help!!
Loading Text And Image From Text File?
Hi there... This is probably a really dumb question so dont laugh.
I've created a dynamic text box within my flash file which loads an external text file. In this text file, I thought maybe I could use html like <img src="myimage.jpg"> to load an image along with text i have in this file. Obviously it doesnt work like that....so is there another way I can do this? I wanted to do it this way so that anyone who knows just a tad bit of html can edit this text file without touching the flash file.
thanks for your help!!
To Show Both Image & Text In A Dynamic Text Box
Hi
I have a database(access) which contains both image and text mixed with each other. How can i show both text and image together in the browser. I tried it by using Dynamic text box But was in vain.
any other way to do it.
CAN ANY ONE HELP ME
ANY HELP WOULD BE APPRECIATED
Thanks in advance
Yaniv
Image+text Scroller, Form Scroller, And Loading External Text Files - Urgent
Hi everybody!
Does anybody know how to do the following things in Flash MX?
1.Make a scroller with text + images in it;
2.Make a scroller with text + a form in it;
3.I followed the tutorial entitled "Scrolling Dynamically Loaded Text", but the text that I tried to load has over 160 lines, and I can only scroll down to about half way of the total lines. Why is that?
4.I also tried to load xml files using the code <?xml version="1.0" encoding="utf-8"?> on the first line of each xml file, but the ', &, and " " don't work.
Can anybody help me, please? This is urgent!
Thanks in advance!
animind
Image+text Scroller, Form Scroller, And Loading External Text Files - Urgent
Hi everybody!
Does anybody know how to do the following things in Flash MX?
1.Make a scroller with text + images in it;
2.Make a scroller with text + a form in it;
3.I followed the tutorial entitled "Scrolling Dynamically Loaded Text", but the text that I tried to load has over 160 lines, and I can only scroll down to about half way of the total lines. Why is that?
4.I also tried to load xml files using the code <?xml version="1.0" encoding="utf-8"?> on the first line of each xml file, but the ', &, and " " don't work.
Can anybody help me, please? This is urgent!
Thanks in advance!
animind
Load Variables From Text Then Loading Image File With The Filename Given In Text File
The problem is, that i need flash to load variable from text file, eg: info.txt, with image=gt.jpg in it.
Then I want flash movie to load a gt.jpg into a blank movie.
The point is that after i change filename in txt file, i want movie to load that img.
I wrote AS:
loadVariablesNum("info.txt", 0);
loadMovieNum(image, 0);
but it's not working
After i traced variable image, debugger showed that this variable undefined, but if i put textbox with image as variable, it shows "gt.jpg".
Please help
Image In Text Box
hi,
I have a strange situation where in I need to display small icons inbetween the text that appears in the dynamic html text box. now this text is being read from an external XML file on click of a button ... or simply put it is an glossary of words where the meaning is stored in a external XML file... now there is a need to display small images and make the words inside the text box clickable... any ideas on how it should be done.... i thought scroll pane wouldnt be a bad idea ... but then need your suggestions
please... its urgent
regards
venkat
Put Image In A Text Box
Hello everyone
~.~ I'm having difficulties with the code. I am trying to put images in a text box but nothing comes on my screen when I test the movie. I don't understand what I've done wrong.
There's the following code:
onClipEvent (load) {
daTextBox = "<P ALIGN="something"><FONT FACE="something" SIZE="something" COLOR="#something"></font></P>";
scrolling = 0;
frameCounter = 1;
speedFactor = 3;
}
onClipEvent (enterFrame) {
if (frameCounter%speedFactor == 0) {
if (scrolling == "up" && daTextBox.scroll>1) {
daTextBox.scroll--;
} else if (scrolling == "down" && daTextBox.scroll<daTextBox.maxscroll) {
daTextBox.scroll++;
}
frameCounter = 0;
}
frameCounter++;
}
I would really appreciate if anyone can help me with this.
Thanks ^^*
[Edited by adior on 09-15-2002 at 02:07 AM]
Text Over An Image
I need to load a JPG and add text on top of it. I've successfully loaded the JPG, but can't figure out how to get "Hello World" to display over the image.
Any help is greatly appreciated.
My code (thus far):
----------------------------------
var imagePath = "file://c:/photo2.jpg";
_root.createEmptyMovieClip("image_mc",1);
image_mc.loadMovie(imagePath);
image_mc._x = 1;
image_mc._y = 1;
----------------------------------
-Brad
Text And Image
How can i display a random text with image?
I've used this for the text:
PHP Code:
displaybox = eval("string" + (Math.floor(Math.random()*20)+1));
string1 = "<b>txt txt txt txt txt </b>";
string2 = "<b>more txt more txt</b>";
But how can i include an image?
displaybox is a dynamic textbox, render as html, mulitline
This doesn't work:
PHP Code:
string1 = "<b>txt txt txt txt txt </b><img src='image.jpg'>";
Image And Text
Hi,
I would like to create a flash script that provide to have some text (that I take by php) mixed with a image. Every five minutes the text stops and let the image appear for 15 seconds, and the restart the text passages; every five minutes should be repeted the same things. I maneged to create the text in flash and see it for five second with a timer (I wrote the script on the bottom of the page) but i can't manage to make the image appear....How can I do it? It's better to use other two timer or a cyclic one, for example for (;???
Thank you
var delay:int;
delay =5000;
var url:String=new String();
url="http://192.168.1.8/index.php?random=" ;
var stringa:String = new String();
stringa="Testo";
var timer:Timer= new Timer(delay,0);
box_text.text=stringa;
timer.start();
timer.addEventListener(TimerEvent.TIMER, showText);
function showText(evt:TimerEvent):void {
var Request:URLRequest = new URLRequest(url + Math.random( ));
Request.method = URLRequestMethod.GET;
var loader:URLLoader = new URLLoader();
loader.dataFormat = URLLoaderDataFormat.VARIABLES;
loader.addEventListener(Event.COMPLETE, completeHandler);
loader.load(Request);
}
function completeHandler(evt:Event) {
stringa = evt.target.data.stringa;
box_text.htmlText = stringa;
return;
}
TEXT To IMAGE
Hi,
does anybody know how to trnsform a text like 'SQUARE' into a square-shape...?
I do know how i transform a bowl into a square and stuff like that,
but how do i do the same with text into a shape, or other image..?
thanks in advance
Text Box And Image
Hi everyone here,
I'm really sorry to trouble all of you here once again.
I have a question here.
Is it possible to show an image on the stage when the user has typed in certain words in the input textbox field?
I need this for the quiz, when students entered an answer, the 'correct' or 'wrong' image will be shown.
Thank you very much.
FiOh
|
TRACKER
