Search jQuery

jQuery Forum

Using jQuery Plugins

tinkdiff

jQuery Cycle Auto Height

in Using jQuery Plugins • 3 years ago

hi,

I need a little helphere please, I try to make a news slider with cycle plugin here's the structure

//---------------------//

<li>short text</li>

<li>moderate text</li>

</ul>

</div>

//---------------------//

I want to make the #myNewsDisplay to animate height based on #aContent height

the problem is that, everytime the news showing up at the beginning the height is automatically set by the last

long text height. how to make the #myNewsDisplay height auto adjust the height of every news

height ?

appreciate your help thanks

Replies(5)

tinkdiff

Re: jQuery Cycle Auto Height

3 years ago

I found the solution

I use this setting and the height is automagically fixed

but how to make the height animate smoothly ?

$('#aContent').cycle({
fx: 'scrollHorz',
prev: '#prev',
next: '#next',
timeout: 0,
after: onAfter
});
function onAfter(curr, next, opts, fwd) {
var index = opts.currSlide;
$('#prev')[index == 0 ? 'hide' : 'show']();
$('#next')[index == opts.slideCount - 1 ? 'hide' : 'show']();
//get the height of the current slide
var $ht = $(this).height();
//set the container's height to that of the current slide
$(this).parent().css("height", $ht);
}

tinkdiff

Re: jQuery Cycle Auto Height

3 years ago

again I solve my own problem :)

I use .animate() instead of .css()

function onAfter(curr, next, opts, fwd) {
var index = opts.currSlide;
$('#prev,#prev2,#prev3,#prev4,#prev5')[index == 0 ? 'hide' : 'show']();
$('#next,#next2,#next3,#next4,#next5')[index == opts.slideCount - 1 ? 'hide' : 'show']();
//get the height of the current slide
var $ht = $(this).height();
//set the container's height to that of the current slide
$(this).parent().animate({height: $ht});
}

i love jQuery Cycle ! thanks malsup for the awesome plugin

danromanc..

Re: jQuery Cycle Auto Height

3 years ago

Just wanted to thank you, tinkdiff. This is exactly the info that I was looking for, and it works like a charm!

venkmanuk

Re: jQuery Cycle Auto Height

2 years ago

I also wanted to say thanks..

THANK YOU !!!

perfect fix linked form here:
http://www.questionhub.com/StackOverflow/3203516

using:

$('#aContent').cycle({
fx: 'scrollHorz',
timeout: 0,
after: onAfter
});

function onAfter(curr, next, opts, fwd) {
 var $ht = $(this).height();

 //set the container's height to that of the current slide
 $(this).parent().animate({height: $ht});
}

venkmanuk

Re: jQuery Cycle Auto Height

2 years ago

i no longer think this answers the question.. haha

no really. it doesn't work in ie 7.

works in ie 8, chrome , ff 3.5 windows, ff 3.6 mac, safari mac . .any ideas for an ie7 fix?

Top Reply

Response title

Attachments

jQuery Forum

jQuery Cycle Auto Height

Replies(5)

Re: jQuery Cycle Auto Height

Re: jQuery Cycle Auto Height

Re: jQuery Cycle Auto Height

Re: jQuery Cycle Auto Height

Re: jQuery Cycle Auto Height

Statistics

Tags

Actions

Related Posts