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." <marius.dan...@gmail.com> 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 <torsten.schm...@wapgui.com> 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 liftweb@googlegroups.com To unsubscribe from this group, send email to liftweb+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/liftweb?hl=en -~----------~----~----~----~------~----~------~--~---
