Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
-
I have a situation where I have a list (vertical) and right next to it I have a DIV floated to the right of it. What I would like to have done, is using jquery have different panels of content (containing images and text) fade into the div on the right when a item from the list is clicked. And of course the first item be selected on load and when another item is clicked the current item will fade out and the other fade in. I would also like to be able to set the style of the clicked item in the list to remain highlighted with a image in the background to the left (done with padding on the li) possibly fading in as well.
Any help greatly appreciated. Very good with designing but the programming sometimes bogs me down. -
Sorry forgot to add a "kinda" sample. I want something like this http://medienfreunde.com/lab/innerfade/ but the is activated on click of a link, and loads the first option on loading the page. Also the hover effect on the link to stay selected when clicked. Upon clicking another link, the old mouseover link goes away (fades away?) and the content fades out and the new fades in.
Sorry to repeat sounded better the second time around :D any help is greatly appreciated. -
-
CommentAuthorthumblewend
- CommentTimeOct 5th 2007
Have a look at Mike Alsup's awesome Cycle plugin. It's like InnerFade but with far more functionality.
http://www.malsup.com/jquery/cycle/
I think the "Auto-Pager Demo" may fit the sort of thing you want to do with regard to clicking links to decide which image gets animated in.
http://www.malsup.com/jquery/cycle/pager.html -
-
thumblewend
I think you hit it with that link, thanks man. I do however have a question. Anyone have a idea how I can combine the 2 effects found on this page http://www.malsup.com/jquery/cycle/int2.html (the previous next sample and the page sample)?
I like how the page sample works with the links but combining the pervious next option, that will also highlight the page links would be great. Anyone have a idea on that one. Again I so appreciate the help.
1 to 4 of 4