# Fading images in and out

**URL:** <https://discourse.softpress.com/t/fading-images-in-and-out/3179>\
**Category:** Freeway\
**Created:** [November 16, 2008, 12:13am UTC](https://discourse.softpress.com/t/fading-images-in-and-out/3179 "2008-11-16T00:13:09Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jerry\_Pruce](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/j/91b2a8/32.png) [@Jerry\_Pruce](https://discourse.softpress.com/u/Jerry_Pruce)\
**Post date:** [November 16, 2008, 12:13am UTC](https://discourse.softpress.com/t/fading-images-in-and-out/3179/1 "2008-11-16T00:13:09Z")

</div>

I’m working on a gallery site. Want I want is a list of my picture titles on the left side of the page. When you click on a title the corresponding image fades in and when another title is selected the previous image fades out and the new image fades in. Also, is it possible when you rollover a title it is highlighted while all the other titles fade a bit.

Your advice and suggestions would be greatly appreciated

jerry

[ompublishing.net](http://ompublishing.net)

* * *

freewaytalk mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Dan\_J](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/f19dbf/32.png) [@Dan\_J](https://discourse.softpress.com/u/Dan_J)\
**Post date:** [November 16, 2008, 12:54am UTC](https://discourse.softpress.com/t/fading-images-in-and-out/3179/2 "2008-11-16T00:54:15Z")

</div>

I know you can do this using Permalinks in SlideShowPro. You’ll need Flash to use the component because you’d have to drop in some Actionscript on the top-most layer.

I wrote it all out here a while back:

[http://freewaytalk.net/thread/view/34764](http://freewaytalk.net/thread/view/34764)

I’m sure someone else would have another way or an alternative method to achieve what you’re looking to do.

* * *

freewaytalk mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Jerry\_Pruce](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/j/91b2a8/32.png) [@Jerry\_Pruce](https://discourse.softpress.com/u/Jerry_Pruce)\
**Post date:** [November 16, 2008, 2:03am UTC](https://discourse.softpress.com/t/fading-images-in-and-out/3179/3 "2008-11-16T02:03:14Z")

</div>

Thanks Dan, I’m a real novice. Your method seems way to complicated for me right now. I think there is a simpler method using the show/ hide layer action, but I haven’t been able to figure it out yet.

jerry

* * *

freewaytalk mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![waltd](https://discourse.softpress.com/user_avatar/discourse.softpress.com/waltd/32/2720_2.png) [@waltd](https://discourse.softpress.com/u/waltd)\
**Post date:** [November 17, 2008, 1:16pm UTC](https://discourse.softpress.com/t/fading-images-in-and-out/3179/4 "2008-11-17T13:16:34Z")

</div>

Apply a Rollover action to each of your trigger items. If you want  
these to be actual HTML text, then draw an HTML box, click inside of  
it to get a text cursor, and use Insert / Text Rollover from the main  
menu to insert an instance of the Text Rollover action.

Give each rollover item a distinct MouseOver # (and make a note of  
which is which.

Create your large photos as a stack of layered graphics boxes, and  
apply the Target Show/Hide Image Action to each one. Set each one to  
be initially hidden, restore: yes, and then make sure each one has  
the appropriate Target number to match the correct trigger element.

Preview and you should see each one appear as you roll over the  
correct element.

Walter

On Nov 15, 2008, at 9:03 PM, Jerry Pruce wrote:

> Thanks Dan, I’m a real novice. Your method seems way to complicated  
> for me right now. I think there is a simpler method using the show/  
> hide layer action, but I haven’t been able to figure it out yet.
> 
> jerry
> 
> * * *
> 
> freewaytalk mailing list  
> email@hidden  
> Update your subscriptions at:  
> [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

* * *

freewaytalk mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)
