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

  

Reply via email to