Sunday, 15 August 2010

jquery - Liquid (Coda) Slider Height Not Adjusting -



jquery - Liquid (Coda) Slider Height Not Adjusting -

i using liquid slider (responsive version of coda slider) portfolio site.

one of slides list of projects/clients. when user clicks one, remain in same slide list swapped out project details. thought cut down load time having content of slide swapped out html page / div brought in ajax.

the problem height not adjust new content. if go forwards 1 slide , back, height adjusts. if adjust window size, height adjusts.

$(document).ready( function () { $("#dc3").click(function (){ $(".clientlist").hide().load('dc3.html').fadein('slow'); }); });

that worked swapping content, not adjusting height. tried using height of replacement div set height:

$(document).ready( function () { $("#dc3").click(function (){ $(".clientlist").hide().load('dc3.html').fadein('slow'); $(".liquid-slider").css({'height':($("#content").height()+'px')}); }); });

but didn't work either...

i able manually set height, prefer have height adjust automatically. there few adjustheight functions in slider script, not sure how phone call when content swapped out.

the staging area site here.

there few ways phone call internal functions outside slider. want phone call adjustheight() or adjustheightnoanimation() function in ajax callback. see if tutorial answers question, , if not sense free send me email contact form on ls website.

http://liquidslider.kevinbatdorf.com/tutorials/dynamically-add-content-to-a-panel-when-clicked-using-ajax/

jquery slider height responsive-design

No comments:

Post a Comment