Will check it out, thanks Charlie!
On Sat, Dec 26, 2009 at 6:06 PM, Charlie <charlie...@gmail.com> wrote:
> to answer question "is this doable in jQuery"...yes it certainly is.
>
> I would suggest using the cycle plugin due to it's robust API. The right
> tabs can be managed the same as any of the pager examples, just adjust your
> css accordingly. The text is handled by creating absolute positioned
> container over the top of the slides with appropriate z-index.
>
> Cycle plugin has 2 event options that make the changes of text and css of
> things like the tabs quite easy.
>
> The "before" and "after" callback options provide the index of the slide
> which can be used to animate the corresponding text overlays using
> straightforward jQuery functions and make css changes to the "tabs"
>
> using the before and after options you can do something like:
> $("#mySlideShow").cycle(
>
> // other cycle options such as pager to connect to tabs
> before: function(){
> $('. mySlideTextClass)'.hide();
> $('activeTabClass').removeClass('activeTabClass');
> },
> after: function(slideIndex){
> $(. mySlideTextClass).eq(slideIndex).show();
> $(. myTabsClass).eq(slideIndex).addClass('activeTabClass')// do any
> sort of animation or whatever to tabs or text here
>
> });
>
>
> Ammar Rayess wrote:
>
> Greetings,
>
> Take a look at this website please:http://new.music.yahoo.com/
>
> You can see in the middle the flash slideshow that shows pix in
> middle, overlayed with text and on the right column a title, ofcourse
> clicking on different titles activate the related image with text.
>
> I looked at the plugins available, didn't see something to do the
> same, i saw many slide show plugins but i need to do a block that is
> exactly like the one in the mentioned site.
>
> Is there a plugin for it that i did not notice? is this doable in
> JQuery or must it be done using flash (not a flash expert here)?
>
> Any help is most appreciated.
> Thank you
>
>
>
>
