Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Here is a complete demo using your resources that works but with all the extra libraries removed. It works as expected in Chrome 13 and Firefox 4.</p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="content-type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;portfolio | S.P&lt;/title&gt; &lt;script type="text/javascript" src="http://sp.smartclientdemo.com/system/sp/themes/conjuction/js/jquery1.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="http://sp.smartclientdemo.com/system/sp/themes/conjuction/js/jquery.pikachoose.js"&gt;&lt;/script&gt; &lt;link href="http://sp.smartclientdemo.com/system/sp/themes/conjuction/css/bottom.css" type="text/css" rel="stylesheet" /&gt; &lt;link href="http://sp.smartclientdemo.com/system/sp/themes/conjuction/css/style1.css" type="text/css" rel="stylesheet" /&gt; &lt;script type="text/javascript"&gt; $(function() { $('#pikame').PikaChoose({carousel:true}); $('&lt;div class="slide-top"&gt;&lt;/div&gt;').insertBefore('.pika-stage'); $('&lt;div class="slide-bottom"&gt;&lt;/div&gt;').insertAfter('.pika-stage'); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;ul id="pikame" class="jcarousel-skin-pika"&gt; &lt;li&gt;&lt;a href="#" &gt;&lt;img src="http://sp.smartclientdemo.com/uploads/files/93270001.JPG" alt=""/&gt;&lt;/a&gt;&lt;span&gt;&lt;/span&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#" &gt;&lt;img src="http://sp.smartclientdemo.com//uploads/files/car8.jpg" alt=""/&gt;&lt;/a&gt;&lt;span&gt;&lt;/span&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#" &gt;&lt;img src="http://sp.smartclientdemo.com//uploads/files/car1.jpg" alt=""/&gt;&lt;/a&gt;&lt;span&gt;&lt;/span&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#" &gt;&lt;img src="http://sp.smartclientdemo.com//uploads/files/car2.jpg" alt=""/&gt;&lt;/a&gt;&lt;span&gt;&lt;/span&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#" &gt;&lt;img src="http://sp.smartclientdemo.com//uploads/files/car4.jpg" alt=""/&gt;&lt;/a&gt;&lt;span&gt;&lt;/span&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#" &gt;&lt;img src="http://sp.smartclientdemo.com//uploads/files/car5.jpg" alt=""/&gt;&lt;/a&gt;&lt;span&gt;&lt;/span&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#" &gt;&lt;img src="http://sp.smartclientdemo.com//uploads/files/car3.jpg" alt=""/&gt;&lt;/a&gt;&lt;span&gt;&lt;/span&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#" &gt;&lt;img src="http://sp.smartclientdemo.com//uploads/files/car7.jpg" alt=""/&gt;&lt;/a&gt;&lt;span&gt;&lt;/span&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#" &gt;&lt;img src="http://sp.smartclientdemo.com//uploads/files/car9.jpeg" alt=""/&gt;&lt;/a&gt;&lt;span&gt;&lt;/span&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#" &gt;&lt;img src="http://sp.smartclientdemo.com//uploads/files/car10.jpeg" alt=""/&gt;&lt;/a&gt;&lt;span&gt;&lt;/span&gt;&lt;/li&gt; &lt;/ul&gt; &lt;div class="portfolioright"&gt; &lt;div class="pikachoose"&gt;&lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p><strong>Note:</strong> It is not a completely valid demo, due to the markup in the JavaScript; but it's close enough.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload