# Transparent button

**URL:** <https://forum.kirupa.com/t/transparent-button/38524>\
**Category:** flash\
**Created:** [December 24, 2003, 10:18am UTC](https://forum.kirupa.com/t/transparent-button/38524 "2003-12-24T10:18:50Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![justin72](https://avatars.discourse-cdn.com/v4/letter/j/c2a13f/32.png) [@justin72](https://forum.kirupa.com/u/justin72)\
**Post date:** [December 24, 2003, 10:18am UTC](https://forum.kirupa.com/t/transparent-button/38524/1 "2003-12-24T10:18:50Z")

</div>

Hi,

I know this is probably very basic, but I am quite new to this. I have imported a jpeg and converted to a button. I want the button to become transparent when the mouse rolls over. I know you can use alpha normally, but I do not seem to be able to use this function with my buttons.

Am I doing something wrong?

Any advice would be most welcome.

Thanks, Justin :hr:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [December 24, 2003, 10:24am UTC](https://forum.kirupa.com/t/transparent-button/38524/2 "2003-12-24T10:24:27Z")

</div>

make a movieclip out of the button and then use the alpha.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [December 24, 2003, 10:32am UTC](https://forum.kirupa.com/t/transparent-button/38524/3 "2003-12-24T10:32:26Z")

</div>

I see. So I have to convert the jpeg to a button , then convert the button to a movieclip?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [December 24, 2003, 7:12pm UTC](https://forum.kirupa.com/t/transparent-button/38524/4 "2003-12-24T19:12:23Z")

</div>

Just convert the jpg to a mc, then onRollOver/onRollOut call your function

scotty(-:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [December 24, 2003, 9:46pm UTC](https://forum.kirupa.com/t/transparent-button/38524/5 "2003-12-24T21:46:46Z")

</div>

Just convert JPEG to MovieClip, and in AS for that symbol type

on (press)  
{  
\ ***your code here**  
}

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [December 24, 2003, 9:50pm UTC](https://forum.kirupa.com/t/transparent-button/38524/6 "2003-12-24T21:50:55Z")

</div>

make your jpg into a movieclip and put this code ON the MC:

```auto

onClipEvent(load){
	onRollOver = function(){
		this._alpha = 0;
	}
	onRollOut = function(){
		this._alpha = 100;
	}
}

```

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [December 29, 2003, 10:02am UTC](https://forum.kirupa.com/t/transparent-button/38524/7 "2003-12-29T10:02:32Z")

</div>

Thanks very much for your help. I really appreciate it!!