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(); > > > > > }); > > > > > </script> > > > > > <script src=" > http://getfirebug.com/releases/lite/1.2/firebug-lite- > > > > > compressed.js" type="text/javascript"></script> > > > > > > > <script type="text/javascript" > src="/ajax_request/liftAjax.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 class="jcarousel-skin-tango" > id="mycarousel"> > > > > > <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> > > > > > > > <script type="text/javascript"> > > > > > // <![CDATA[ > > > > > jQuery(document).ready(function() {lift_successRegisterGC();}); > > > > > var lift_page = 'F378086025088YCR'; > > > > > // ]]> > > > > > </script></body> > > > > > </html> > > > > > > > I think the double jQuery(document).ready(function() causes the > > > > > problem, but I found no way to include my definitions at the bottom > > > > > off the page. > > > > > > > Cheers > > > > > Torsten > > > > --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
