[Placing text behind an image]

First of all, I would like to thank greensock for such a wonderful framework. I'm still a beginner, but I have learnt a lot from it, thanks to the easy-to-learn tutorials.

 

Recently I have tried creating an animation in greensock. The purpose of this animation is to create a sort of 'sliding' effect as soon as the user left clicks on the image.

I was successful enough to use the Bounce.easeOut effect.

Here's the real problem: I would like to place some text behind the image. So that when Bounce.easeOut takes full effect, I will be able to see the text.

 

I have created a function as follows:

function SlideFull() {

var slider = getElementById("image1");

TweenLite.to(slider, 3, {width:0, height:650, ease:Bounce.easeOut});

}

 

This function is triggered by the onclick event.

 

So, as soon as this function takes full effect, I would see the text behind this image. Would it be possible?

Thanks in advance