jquery - Can I create a coda slider navigation with variable height for its content? -

Most people know the code coda slider this day but even with googling and doing a search here I did not find my answer

Question How do I create a Coda Slider style navigation that uses horizontal sliding / scrolling but its height during sliding animation Adjusts the height to the required height?

For example, the first 'slide' has only one picture (400 pix width, 300 pixels height), but the next slide contains a lot of information in which the picture, text, and video content is 400px wide And at 800px in height now, making a 800px high container to start is only a waste of space for Slide 1, so I can change the height of the container in the slide by moving the height of the height of the contents of the different slides Should be based on the form.

Is this possible? There may be a tutorial out there somewhere and one of you can point me in that direction.

In terms of technology I am quite optimistic on XHTML and CSS but only in an amateur jQuery and PHP, although this should not be banned from your reply, please keep things in mind while explaining it.

Many thanks for reading, I look forward to your thoughts, solutions and general inputs.

janice

I just put my own retail here (hopefully) a The useful starting point is:

Here is the code for my next button.

  var canSlide = true; $ ('. Next') Force ('click', function) {if (! CASEDED) {return false} // $ ('.prev') to stop the line of multiple clicks. FadeIn (500); CanSlide = Wrong ($ 'Testimonial-Container'). ({Left: '- = 1011px'}, 1000, function () {canSlide = true}); If (current page == total page) {$ ('. Next'). FadeOut (500); CanScroll = false;} and {currentPane ++;}  

To get it to adjust the height, you can just add an altitude to the Atom's JSON argument.

  .at ({left: '- = 1011px', height: newHeight + 'px'})  

And of course, You need some JavaScript to know what the next height should be!