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 <torsten.schm...@wapgui.com> 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." <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
-~----------~----~----~----~------~----~------~--~---
