Topic: Thumbnail Opacity Question

Hi guys.

So I've figured out how to make the thumbnails at 50% alpha, and then when clicked on, appear at 100%. Here's the code from thumbs.as

    private function enableMouseActions(){
        mClip_mc.onRelease = Delegate.create(this,onRelease);
        mClip_mc.onPress = Delegate.create(this,onPress);
        mClip_mc.onRollOver = Delegate.create(this,onRollOver);
        mClip_mc.onRollOut = Delegate.create(this,onRollOut);    
        mClip_mc.onDragOut = Delegate.create(this,onDragOut);
        mClip_mc._alpha = 50;
        mClip_mc.useHandCursor = false;    
    }
        
    private function onRelease(){
        if (mSelected ) return;
        mBase_mc._x -= Options.thumbnailClickShift;
        mBase_mc._y -= Options.thumbnailClickShift;
        mThumbArea.selectedThumbIndex =  mIndex;
                    
    }
    
    private function onPress(){
        if (mSelected ) return;
        mBase_mc._x += Options.thumbnailClickShift;
        mBase_mc._y += Options.thumbnailClickShift;            
    }
    
    private function onRollOver(){
        if (mSelected ) return;            
        mFrameTwn.continueTo(Options.thumbnailRollOverFrameWidth,sFrameTweenLen);
        if (Options.showCaptionOnRollover) mStageManager.showCaption(mIndex);
        new Tween(mFrameTwn,"_alpha",null,Options.thumbnailLoadingAlpha,100,10,false);            

    }
    
    private function onRollOut(){
        if (mSelected ) return;
        mFrameTwn.continueTo(Options.thumbnailFrameWidth,sFrameTweenLen);
        if (Options.showCaptionOnRollover) mStageManager.showCaption(mImageArea.currentImageIndex);
    }
    
    private function onDragOut(){
        if (mSelected ) return;
        onRollOut();
        onRelease();                
    }
    
    public function select(){    
        mSelected = true;    
        mClip_mc._alpha = 100;

        mImageArea.showImage(mIndex);
        drawFrame();
        if (mImageLoaded) mViewedIcon_mc._visible = true;        
        if (!mImageLoaded) mImageArea.loadImageOutOfSequence(mIndex);                
    }
    
    public function unselect(){
        mSelected = false;
        mClip_mc._alpha = 50;

        if (mClip_mc.hitTest(_root._xmouse,_root._ymouse)){    
            drawFrame();    
        }else{
            mFrameTwn.continueTo(Options.thumbnailFrameWidth,sFrameTweenLen);    
        }        
    }

Now I'm wondering if someone can help me figure out how to FADE into these alphas? Can't seem to figure this one out.
Thanks!!!

Jared

Re: Thumbnail Opacity Question

Hi,

Thanks for sharing.

Re: Thumbnail Opacity Question

Glad to help. I had noticed that nobody had given a clear "this is how it's done" answer in the forums yet -- at least not that I could find.

Anyone else out there who might help me with my problem?

Thanks.

Re: Thumbnail Opacity Question

Anyone out there?

Re: Thumbnail Opacity Question

Please note that the SimpleViewer-Pro source code is provided 'as-is' to allow people with ActionScript experience to modify as required. Airtight Interactive cannot provide support for all possible modifications to the source code and cannot provide tutorials on how to code ActionScript.

Felix Turner
SimpleViewer Support Team.

Re: Thumbnail Opacity Question

If you look at the original code the thumbnails are loaded at 60% and brought up to 100% when loaded. You should be able to adapt this to your needs.

Mike Richards
SimpleViewer Support Team.

Re: Thumbnail Opacity Question

awesome!  does this retain the border surrounding the thumbnails??

Re: Thumbnail Opacity Question

jayt6786, your code is much appreciated.
I was wondering though, I am not very good with action script,
do you know specifically the code I need to change in order to make the thumbnail borders retain 100% alpha at all times???

if you could help me with this that would be great!!

Re: Thumbnail Opacity Question

cddb,

I haven't been able to figure that one out yet, thought I'm also wanting to find the answer. If I figure it out, I'll post it.

Re: Thumbnail Opacity Question

So, I have v2.0 and I dont see any AS files or any way to apply these code to my gallery. How can I make my thumbnails work similarly ? (50% alpha, and then when clicked/hovered on appear at 100%)

Thanks

Re: Thumbnail Opacity Question

@ethanpil Currently with SimpleViewer 2.x this functionality is not available, you can see the thumbnail options here.

Mike Richards
SimpleViewer Support Team.

Re: Thumbnail Opacity Question

I actually need thumbnails to be displayed at 50% alpha and only when hovered at 100%. I see that the pro options don't offer this.
Yet, is there a way to accomplish this?

Re: Thumbnail Opacity Question

It is not possible to alter the opacity of the thumbnails.
SimpleViewer Pro v2.x does not include the source code unlike v1.x on which the information in this thread is based.
Please see this FAQ for details: http://simpleviewer.net/simpleviewer/su … #presale_3
All the available thumbnail configuration options for SimpleViewer Pro v2.x can be found here: http://simpleviewer.net/simpleviewer/pr … tml#thumbs

Steven Speirs
SimpleViewer Support Team.