NOTE: This blog has been moved to http://www.looksgoodworkswell.com
Thoughts on experience design & engineering
Can the carousel scripting be modified to transition divs rather than list items?
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.
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!
Thanks for a great product. Anyway to have it fetch images from a source other then flickr? Thanks againJean Vence
Jean,Sure, check out this example:http://billwscott.com/carousel/carousel_ajax_search.htmlThe whole point is flexibility in what data is loaded.See the docs also at:http://billwscott.com/carousel/
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).ThanksJean
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
Great stuff! Why would my status (Showing 1 of 19) only show up after clicking on the next arrow...?
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.
Any Way to maeke the carusell remember where is was after a page load?
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.
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.
Primoz, you can see my response here:http://tech.groups.yahoo.com/group/ycarousel/message/17Future questions can be directed to the ycarousel group at:http://tech.groups.yahoo.com/group/ycarousel/
Looks like blogger cut off the url :-(the end of that URL is:group/ycarousel/message/17
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?
Post a Comment