am trying to find a way to display an image (a shelf with various pieces of art.) I want each piece to be a link where the user can click on it, and it will pop up in a new window, or an area below the main image where it will show a larger, up-close view, with details, such as price, meanings, ect.
View 3 RepliesI'm looking for a very specific tutorial, Basically I want to create a flash 'rollover, image background change type thing' which I will display photos on. A very good example of what I mean can be found here:[URL]. You will see 6 small thumbnails which, when you mouse over them, change the background image to match. My design, I want to be a lot simpler. If you look at the following image you should see what I'm after: [URL]. 5 small thumbnails on the left, when you hover over them, they animate and the big 'red' rectangle changes to display the image.
View 0 RepliesI try to do a gallery(not important right now) bar that expand when the mouse over it, and back to normal when the mouse get out. I used AS3. There is frame 1, 5 and 10, when 1 and 10 is the normal/small sized bar, and 5 is the big one. As you guessed, 1->5 and 5->10 connected in motion tween, and the layer goes as a loop. The problem is AS:Frame 1:
Actionscript Code:
stop();var up = false;rollingBack.addEventListener(MouseEvent.MOUSE_OVER,function(){ up = true;});rollingBack.addEventListener(MouseEvent.MOUSE_OUT,function(){ up =
[code]....
I'd like to know how to create an image gallery of thumbnails where an image expands to full size when you roll over it.[code]...
View 2 RepliesOkay, now things are getting a little complicated. I need to build a Flash object that can sit over the corner of an image to serve extra content. It's way beyond my Flash skill level, my work is usually limited to print work in Photoshop and Illustrator so please excuse me if any of the following isn't clear. I am trying to learn though, So this is how it's all supposed to work, along with my issues; When the image & Flash item load a small looping animation will play to draw the eye/show the item as interactive.
When the user rolls over this the corner will peelback. I have a working peelback animation for the rollover, that reacts to mouse over/mouse off, and a looping animation for the initial, but I cannot work out how to make the initial loop until mouseover, then play the peelback when the mouse is over. And go back to the initial animation loop if the user rolls off. (Each of these animations is stored as a movie clip in the Library)
Then it gets more complicated... if the user stays on the corner until it is fully peeled back I need to make a small countdown (sort of a 3, 2, 1 situation) show, before launching a lightbox (would this have to be jQuery, or could it be done in Flash?) in the browser to serve the content.
[Code]...
I have a button set up, that when you rollover the button, it changes into another picture and stops, and also when it's rolled over, a large picture appears under the rollover.But when I first rollover the button, it acts like it's told to go to the out state. When I rollover it again it works fine.URl...there is my code to go into the movieclip and play the button
View 1 RepliesI'm currently working on a flashsite and are trying to figure out rollover menu buttons. The site has 6 menu buttons and are placed next to each other. I want to put a rollover action on the buttons, that when you rollover a button that the whole button image enlarges and moves in front of the other.
View 1 RepliesI want a a definition to pop up when the user's mouse rolls over a word in the movie. What's the simplest way to do this?
View 5 RepliesI'm trying to create a scale in and out roll-over that's nice and smooth. I have had a fiddle with the scaleX and scaleY, but can't make it transition from original to enlarged size and back again smoothly..
View 2 Repliesi want to show a bigger image when the cursor is over the smaller version.
View 9 RepliesI'm trying to fade in a video player controls_mc. I can do that fine using:
controls_mc.onRollOver = function() {
TweenLite.to(controls_mc, 1, {_alpha:100, ease:Strong.easeOut});
delete onRollOver;
[code].....
So I have a window that slides in when its rolled over. It goes back to its origin when the user rolls off the window. Now within that window I have a scroll feature taht creates a conflict with the window actions when the user tries to use the scrollbar elements. I want the window to stay open, while the user is scrolling and i want the window to close when the user rolls off the window.
It could be easier to have the user click the window open/closed...but I was wondering if there is a way I could keep my original vision...here is what i wrote for the window code:
[AS]window.backdimmer._alpha=0;
window.trigger.onRollOver = function() {
window.slideTo(-360, "_y", .4, "easeoutbounce");
[Code]....
basically i have a mc that i want to use as a button.
frame 1 is the initial state with a stop() action on it. frame 10 is the full rolled over state, also with a stop() action on it, and frame 20 matches frame 1.
so basically i want the button to animate frame 1-10 if they rollover, and animate frame 11-20 when they roll off. i would also like it to detect the current frame, so like if the user rolls off and rolls back on at frame 15, it will play backwards to the mouseover state (frame 10).
I'm trying to create reusable rollover button states with dynamic/changing text - any cleaver workaround for that?
View 1 RepliesI created a button in Illustrator and imported to my Flash library. The button has drop shadows, overlay and gradients. It imports and previews just fine until I change it to a button. When I go to preview it, there are these thick red boxes that seems to incase every layer of the button?
View 3 RepliesI'm basically looking to create some buttons that once 'rollover'd' grow slightly, and shrink again once 'rollout'd' and I am hoping to add a little bounce (or I believe its called elastic) once it snaps back. I am a beginner, but have created buttons before with rollover, rollout etc but arent sure how to create the motion of it growing in the button. (I am using Flash CS4 and was intending AS3, but happy to use whatever is recommended for this.) I did use this site tutorial [URL], but I wasn't sure which AS or CS it was using. Everything worked but the motion of the growing.
View 8 RepliesWhat I want to create is a group of 13 images and upon rollover each image would make a different sound. I don't want the sound to stop once you move the mouse though because I want a few different sounds playing at the same time. At this point I don't really care whether they play for their whole duration or just for another 15 seconds! I'm doing this for Uni and the guy said it wasn't that hard.
I have some basic knowledge in HTML code, but I am a complete newbie to flash. I've downloaded Flash C5 and that's about as far as I've got! I'm not entirely sure which template if any I would need to use. I can't pay back in knowledge since I don't know anything, but I could bake you cookies?!
I using this array to create rollover and rollout events for a bunch of movie clips, I only have one on my stage at the moment during testing. When I rollover and out I see the trace but no animation, if I change event.target for the movie clips instance name it works so its obviously something to do with how I am referencing the clips. These clips are just on the stage not within another movie clip.
Code:
//Button Actions
var buttonArray:Array =
[ whatIs_mc, ];
function initSite():void {
for (var i:Number = 0; i < buttonArray.length; i++) {
[Code] .....
I'm working on creating a gallery for my portfolio site. I have thumbnails of all my work. I've turned them into button and made it so when you rollover it, a larger preview of it appears with a description of the piece, off to the side in a designated area. Instead of making my stage larger or creating more pages to contain all my thumbnails, I made a vertical scrollbar. The scrollbar works just fine. The problem is when the thumbnail is moved, the rollover that would be moves in relation to it.how can I absolutely make sure that any rollover I create with a button is where I want it to be, no matter where the thumbnail moves to?
View 10 RepliesWe're building a web-based application that requires heavy image processing. We'd like this processing load to be on the client as much as possible and we'd like to support as much platforms (even mobiles) as much as possible. Here's the info: Image processing is rasterization from some data. Think like creating a PNG image from a PDF file. We don't have a lot of server power. So client-side processing is a bit of a must.
So, we're considering: Flash - most widespread, but from what i read has lackluster development tools. (and no iPhone/iPad support for now). Silverlight - allows us to use .NET CLR, so a big ++ (a lot of code is in .NET). But is not supported for most mobiles ( rumored android support in the future) HTML5 + Javascript - probably the most "portable" option. The problem is having to rewrite all that image processing code in Javascript.
Clarification: I don't need further ideas on what libraries are available for Silverlight and Javascript. My dilemma is choosing Silverlight means no support for most mobiles choosing Flash means we have to redevelop most of our code AND no iPhone/iPad support HTML5 + Javascript we have to redevelop most of our code and not fully supported yet in all browsers choosing two (Silverlight + Flash) will be too costly Any out-of-the-box or bright ideas / alternatives
I've nearly sorted my previous problem, I just need a bit of help with getting the rollover image to disappear again once the mouse has left the rollover area. would anyone be able to take a quick look at the fla?
View 2 RepliesI 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.
View 3 RepliesAll I want to do is move an image a pixel at a time to the left on rollover on a button.
This is my script so far:
on (rollOver) {
background._x = background._x -=1;
}
This only moves it once then you have to take mouse off then rollover again to move again
What i'd like to incorporate is a loop so ( only whilst the mouse is over the button) the image keeps moving to a maximum of 300 pixels then it can't move any more ( unless the right button has mouse over )
I have that 3d carousel that pulls from an XML file. It works great. I have altered to however, to use the tool tip rollover as well as I added an image swap. Again that works...BUT the image swap is very jumpy and touchy. Is there a trick to making a loadMovie swap smooth and not jumpy. Here is the code that is doing the call and swap
[Code...]
I am creating a little flash movie, nothing major and I want something to happen. When a user rolls over a button, a image fades in somewhere else on the stage, possibly below the button being rolled over. Then when its clicked (the button) the image (possibly) expands and text is showed while the background is faded.
View 5 RepliesI have an image contained within a slideshow with a rollover attached to it, when you click the image a larger image within the same movie clip appears. This layer is below my navigation layers for my website so when I click on the image it is below some of the navigation layers and logo. Is there a way to make this appear on top of all of the other layers without actually moving the layer up. I'm using Flash CS3 and Actionscript 3.0.
View 1 Replieslooking for a script that loads 6 logo image thumbs into a grid (randomly from folder), with each thumb having a rollover image and link.. Basically the logo area on this page : I have about 30 client logos in greyscale ( and colour version for rollover), and need to randomly load 6 logos at a time (or random individually) on a timer. oN RollOver. loads colour version of logo with link node in XML Something like...
[Code]...
I have a dynamic textfield that is html formatted and loads text from an XML file. On the XML file I have the following image that contains a link:
Code:
<a href="link here"><img src="image.png"/></a>
How can I add border on image hover using CSS?
I have a big image (1600x1200) Which obviously doesn't fit in the window. How can i have it so when i hover the mouse the image moves. Basically a Yugop scrolling effect but in all directions
View 3 RepliesI have made a bitmap image into a rollover button - reason - so that when the mouse rolls over the hit area of the button/image/thumbnail - it becomes larger on the stage and when the mouse moves outside the paramaters of the larger picture it goes back down to the original button/image/thumbnail size.That works fine.However . . . there is always a however. When I implemented the same functions to the other thumbnails on the stage - if I rollover the second thumbnail- the other thumbnails show up (through) on top of that enlarged image.
View 7 Replies