NOTE: This blog has been moved to http://www.looksgoodworkswell.com

Sunday, January 28, 2007

Carousel - 0.4.0

New release of carousel. More documentation, better runtime configuration support, methods that let you show, hide and recalculate size.

Check it out at the carousel site.

16 comments:

Anonymous said...

Can the carousel scripting be modified to transition divs rather than list items?

Bill Scott said...

Each LI can contain a DIV, so effectively you are managing a series of DIVs.

UL/LI was chosen to better match the true nature of the underlying content (managing a list)

Any HTML can be in each list... Its kind of transparent as you can call addItem() with either an HTML string with DIV or a DIV object.

Anonymous said...

Thanks for quick reply, Bill!

My concerns are design control and validation. I could be wrong, but I don't think a div within an li would validate.

I certainly appreciate all the examples you've developed. Do you think you could develop one utilizing static HTML and transitioning divs that would ultimately validate?

Thanks!

Anonymous said...

Thanks for a great product. Anyway to have it fetch images from a source other then flickr? Thanks again
Jean Vence

Bill Scott said...

Jean,

Sure, check out this example:
http://billwscott.com/carousel/carousel_ajax_search.html

The whole point is flexibility in what data is loaded.

See the docs also at:
http://billwscott.com/carousel/

Anonymous said...

Bill,

Thanks for the reply. The link http://billwscott.com/carousel/carousel_ajax_search.html
is not working (wondering if Blogger is stripping the end part).

Thanks

Jean

Anonymous said...

Ok got it working (by looking at html source). I see a call to gettrips.php which returns a JSON file. Is the format of this file described anywhere? Couldn't find it in the documentation. Thanks again.
Jean

Bill Scott said...

Jean, you might want to follow up with me in email ... b dot scott at yahoo dot com (please substitute the . & @ in the appropriate places... I don't want to get spammed)

JSON is a standard format (search for json or go to json.org). However, the carsousel does not care if the data you handle is returned in XML, HTML, JavaScript, JSON, or any other format. That is up to you and your use of the carousel. Please read through the documentation at http://billwscott.com/carousel/ as it describes this approach.

Unknown said...

Great stuff! Why would my status (Showing 1 of 19) only show up after clicking on the next arrow...?

Bill Scott said...

Johan,

Please follow up with me in a separate email and give me more details, code example, etc. and I can help you more directly.

My email is in my response to Jean.

Rob said...

Any Way to maeke the carusell remember where is was after a page load?

Bill Scott said...

Rob,

Since the carousel gets regenerated on a page refresh you will have to do something like this:
- store the firstVisible property from the carousel on each scroll/move
- on page refresh, read the cookie and set the firstVisible property to that saved value.

The carousel will load at that index.

You will have to make sure your load handler knows how to handle starting at other than the first item.

Romejc & Moco said...

One comment on firstVisible property.

I'm loading items via AJAX method and I have possibly endless list of items. firstVisible item is set according to search input and can be whatever position.
Problem I am having is that when carousel jumps to firstVisible item it does not shows the elemnts becouse they're not loaded yet. On init AJAX loads only first N items but numVisible propert can be higher than N (number of initialy loaded items).

Is the only way to solve this by initaly loading all items to numVisible item or is there a way to initialy load items from numVisible elemtent on?

Thanks to all for the help.

Bill Scott said...

Primoz, you can see my response here:
http://tech.groups.yahoo.com/group/ycarousel/message/17

Future questions can be directed to the ycarousel group at:

http://tech.groups.yahoo.com/group/ycarousel/

Bill Scott said...

Looks like blogger cut off the url :-(

the end of that URL is:
group/ycarousel/message/17

Anonymous said...

I'm having trouble getting the carousel slides implimentation to validate as strict XHTML. The carousel-list ul element is empty (li elements created by jscript?) and if I add an empty li tag unfortunately IE picks it up as the first carousel object. anyone have a solution?