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
-~----------~----~----~----~------~----~------~--~---

Reply via email to