I guess jcarousel developers should have taking care of case insentitiveness ...
Br's, Marius On Apr 5, 10:48 am, "marius d." <[email protected]> wrote: > Holy cow ... this one is weird. In the jcarousel() function we have > the following condition: > > if (e.nodeName == 'UL' || e.nodeName == 'OL') > { > > } > > the problem was capitalization test. Replacing UL with ul in the above > test made it work. But this is a hack ... Still putting this at the > begining of jcarousel() function: > > console.log(e.nodeName); > > in the stattic example it yields UL ...capitalized but in the lift app > it is always ul. Still in the source markup in both examples they are > <ul> non capitalized. I tried to put the exact doctypein the simpl > static example as I have in the lift application. So I don't have an > explanation why foir the static examples I'm getting camel case node > name and for the online one I'm getting the lower case. > > However if you use <UL> inyour markup should work. > > Br's, > Marius > > On Apr 5, 9:35 am, "marius d." <[email protected]> wrote: > > > I tried it last night but I'm getting a JS error in the clipping > > function ... I need todig more on this. Try firebug ... > > > Br's, > > Marius > > > On Apr 5, 5:32 am, Chad Skinner <[email protected]> wrote: > > > > If you believe this to be a style issue, I would recommend downloading > > > firefox and installing the "Web Developer Tools" plugin. One of the > > > options > > > it presents is edit CSS and you can add or remove stylesheet rules to see > > > which is causing the conflict. > > > -- Chad > > > > On Sat, Apr 4, 2009 at 3:43 PM, wapgui <[email protected]> wrote: > > > > > Nope, there is no difference. Maybe I can find it out with the good > > > > old try and error method. > > > > > On Apr 4, 8:30 pm, "marius d." <[email protected]> wrote: > > > > > might be that blueprint's css ul/li styles are conflicting with list > > > > > styles that JCarousel is using? Try to not use: > > > > > > <lift:CSS.blueprint/> > > > > > <lift:CSS.fancyType/> > > > > > > ... and see if things get improved. > > > > > > Br's, > > > > > Marius > > > > > > On Apr 4, 6:18 pm, wapgui <[email protected]> wrote: > > > > > > > The problem is how the carousel looks like. It shows all the picture > > > > > > one below the other. I know this effect, then normaly JQuery is > > > > > > missing. But I can try it as snippet or lift:embed. > > > > > > > Cheers > > > > > > Torsten > > > > > > > On Apr 3, 10:03 pm, "marius d." <[email protected]> wrote: > > > > > > > > Hmm ... I'd be very surprised if the the presence of the multiple > > > > > > > ready function calls would cause this. Virtually you can have as > > > > > > > many > > > > > > > as you want. But what is the exact problem ? > > > > > > > > I could probably take a look tomorrow.... and maybe make a lift > > > > widget > > > > > > > out of it. > > > > > > > > Br's, > > > > > > > Marius > > > > > > > > P.S. > > > > > > > You can render stuff in any place you want using various ways. For > > > > > > > instance: > > > > > > > > 1. Use a snippet > > > > > > > 2. Use lift:embed > > > > > > > 3.You can post process resulting xml before it is sent to client > > > > > > > (a > > > > > > > pretty uncommon need) > > > > > > > > I I'd really doubt that this would represent the solution. > > > > > > > > >On Apr 3, 11:32 am, wapgui <[email protected]> wrote: > > > > > > > > Hi, > > > > > > > > > had anybody success including the JCarousel plugin into Lift. > > > > > > > > Here is my default.html > > > > > > > > > <html xml:lang="en-us" xmlns="http://www.w3.org/1999/xhtml"; > > > > > > > > xmlns:lif="http://liftweb.net/";> > > > > > > > > <head> > > > > > > > > <meta http-equiv="content-type" > > > > > > > > content="text/html; > > > > > > > > charset=ISO-8859-1"/> > > > > > > > > <title>jCarousel Examples</title> > > > > > > > > <lift:CSS.blueprint/> > > > > > > > > <lift:CSS.fancyType/> > > > > > > > > <link href="css/style.css" rel="stylesheet" > > > > type="text/css"/> > > > > > > > > <script id="jquery" type="text/javascript" > > > > src="classpath/ > > > > > > > > jquery.js"></script> > > > > > > > > <script id="json" type="text/javascript" > > > > src="classpath/json.js"></ > > > > > > > > script> > > > > > > > > <script type="text/javascript" > > > > src="js/jquery.jcarousel.pack.js"></ > > > > > > > > script> > > > > > > > > <link rel="stylesheet" type="text/css" > > > > > > > > href="css/ > > > > > > > > jquery.jcarousel.css"/> > > > > > > > > <link rel="stylesheet" type="text/css" > > > > href="css/skin.css"/> > > > > > > > > <script type="text/javascript"> > > > > > > > > jQuery(document).ready(function() { > > > > > > > > jQuery('#mycarousel').jcarousel(); > > > > > > > > }); > > > > > > > > </script> > > > > > > > > <script type='text/javascript' src=' > > > >http://getfirebug.com/releases/ > > > > > > > > lite/1.2/firebug-lite-compressed.js'></script> > > > > > > > > </head> > > > > > > > > <body> > > > > > > > > <div id="wrap"> > > > > > > > > <h1>jCarousel</h1> > > > > > > > > <h2>Riding carousels with jQuery</h2> > > > > > > > > <h3>Simple carousel</h3> > > > > > > > > <p>This is the most simple usage of the > > > > carousel with no > > > > > > > > configuration options.</p> > > > > > > > > <ul id="mycarousel" > > > > class="jcarousel-skin-tango"> > > > > > > > > <li><img src=" > > > >http://static.flickr.com/ > > > > > > > > 66/199481236_dc98b5abb3_s.jpg"/></li> > > > > > > > > <li><img src=" > > > >http://static.flickr.com/ > > > > > > > > 75/199481072_b4a0d09597_s.jpg"/></li> > > > > > > > > <li><img src=" > > > >http://static.flickr.com/ > > > > > > > > 57/199481087_33ae73a8de_s.jpg"/></li> > > > > > > > > <li><img src=" > > > >http://static.flickr.com/ > > > > > > > > 77/199481108_4359e6b971_s.jpg"/></li> > > > > > > > > <li><img src=" > > > >http://static.flickr.com/ > > > > > > > > 58/199481143_3c148d9dd3_s.jpg"/></li> > > > > > > > > <li><img src=" > > > >http://static.flickr.com/ > > > > > > > > 72/199481203_ad4cdcf109_s.jpg"/></li> > > > > > > > > <li><img src=" > > > >http://static.flickr.com/ > > > > > > > > 58/199481218_264ce20da0_s.jpg"/></li> > > > > > > > > <li><img src=" > > > >http://static.flickr.com/ > > > > > > > > 69/199481255_fdfe885f87_s.jpg"/></li> > > > > > > > > <li><img src=" > > > >http://static.flickr.com/ > > > > > > > > 60/199480111_87d4cb3e38_s.jpg"/></li> > > > > > > > > <li><img src=" > > > >http://static.flickr.com/ > > > > > > > > 70/229228324_08223b70fa_s.jpg"/></li> > > > > > > > > </ul> > > > > > > > > </div> > > > > > > > > <lift:bind name="content"/> > > > > > > > > </body> > > > > > > > > </html> > > > > > > > > > and this is my index.html > > > > > > > > > <lift:surround with="default" at="content"> > > > > > > > > > </lift:surround> > > > > > > > > > The generated page is > > > > > > > > > <?xml version="1.0" encoding="UTF-8"?> > > > > > > > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " > > > >http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> > > > > > > > > <html xml:lang="en-us" xmlns:lif="http://liftweb.net/"; xmlns=" > > > >http://www.w3.org/1999/xhtml";><head> > > > > > > > > <meta content="text/html; charset=ISO-8859-1" > > > > http-equiv="content- > > > > > > > > type" /> > > > > > > > > <title>jCarousel Examples</title> > > > > > > > > > <link href="/classpath/blueprint/screen.css" type="text/css" > > > > > > > > rel="stylesheet" media="screen, projection" /> > > > > > > > > <link href="/classpath/blueprint/print.css" type="text/css" > > > > > > > > rel="stylesheet" media="print" /> > > > > > > > > > <!--[if IE]><link rel="stylesheet" href="/classpath/blueprint/ > > > > > > > > ie.css" type="text/css" media="screen, projection"><![endif]--> > > > > > > > > > <link > > > > href="/classpath/blueprint/plugins/fancy-type/screen.css" > > > > > > > > type="text/css" rel="stylesheet" media="screen, projection" /> > > > > > > > > <link type="text/css" rel="stylesheet" > > > > href="css/style.css" /> > > > > > > > > > <script src="classpath/jquery.js" > > > > type="text/javascript" > > > > > > > > id="jquery"></script> > > > > > > > > <script src="classpath/json.js" > > > > type="text/javascript" id="json"></ > > > > > > > > script> > > > > > > > > <script src="js/jquery.jcarousel.pack.js" > > > > type="text/javascript"></ > > > > > > > > script> > > > > > > > > <link href="css/jquery.jcarousel.css" > > > > type="text/css" > > > > > > > > rel="stylesheet" /> > > > > > > > > <link href="css/skin.css" type="text/css" > > > > rel="stylesheet" /> > > > > > > > > <script type="text/javascript"> > > > > > > > > jQuery(document).ready(function() { > > > > > > > > jQuery('#mycarousel').jcarousel(); > > > > > > > > > > ... > > read more » --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Lift" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/liftweb?hl=en -~----------~----~----~----~------~----~------~--~---
