Search jQuery

jQuery Forum

don't know how to change flexible height in news ticker

in Getting Started • 11 years ago

Hi all,

I'm pretty new with jQuery, I do know how to change basic settings etc.
But I have a problem changing the height of the following "news-ticker"

http://dl.dropbox.com/u/42670039/site/index_newsticker.html

You can see that I have different length of text in the testimonials and they appear now with fixed height.
Where can I change the height so it's flexible to the amount of text.
I've tried to changed it in the <li> and the <ul> but that didn't worked for me.

All help would be very much appreciated.

Cheers,

Coentrast

Replies(6)

chrisvill..

Re: don't know how to change flexible height in news ticker

11 years ago

hi!

the news-ticker looks nice. i reviewed your source and saw it uses jCarouselLite. the settings options in the plugin do not offer value adjustments for dynamic heights. a javascript function will be needed to detect the adjustable height.

coentrast

Re: don't know how to change flexible height in news ticker

11 years ago

Hi nickadeemus2002,

Thanks for you reply. I'm trying to edit my .js file; jCarouselLite and try to add a javascript function for dynamic heights, but can't figure out where to place this. If you have a clue, can you push me in the right way please ;)

Is the Javascript function: object.style.height="100%"??

Hope you can help me out with this.

cheers!

chrisvill..

Re: Re: don't know how to change flexible height in news ticker

11 years ago

hi!

sure, give me a chance to look at this later tonight.

if you come up with anything, let me know.

here are some things to think about when trying to build this feature:

1.)

the newsticker div has a fixed height. i'm defining the newsticker div as the block that includes all sliding divs within it.

the vertical sliding divs contain a fixed height, so there are no partial divs showing in the main view area after the scroller has completed a single iteration. if the vertical sliding divs are variable, there may be partial divs that render on screen. so in your example, imagine box "2" is adjusted properly based on content height. what happens to box "3"? will the top of it's content be show to the user?

2.) if you make the vertical sliding divs adjustable, will the outer newsticker div need to be adjusted as well? will it's height need to be recalculated to prevent subsequent sliding divs from showing partial content on screen? if we do make this adjustable, how will the newsticker div affect the layout of other divs on the same page?

just some things to consider.

chrisvill..

Re: Re: don't know how to change flexible height in news ticker

11 years ago

hi!

i'm still working on this. i hope to have something soon.

coentrast

Re: don't know how to change flexible height in news ticker

11 years ago

Hi nickadeemus2002,

Thank you for your help so far.
I see the issues in your mentioned points, and I would like to show ie: testimonial#3 shown partially whenever their is no space to show it in total. So visitors have to click the "next" btn and then #3 will be shown in total.
I see the issue with the surrounding div's and I'm still not able to get the right Javascript function on the correct place. So if you know a solution it would be marvelous =)

Thanx again for your help and let me know if you find some code to get a work around this!

Cheers.

Coen

chrisvill..