Note that there are some explanatory texts on larger screens.

plurals
  1. POUnable to see next/previous arrows in jQuery Liquid Carousel plugin
    primarykey
    data
    text
    <p>Hello, </p> <p>I am developing a <code>jquery carousel</code> based on <a href="http://www.nikolakis.net/liquidcarousel/" rel="nofollow">jQuery Liquid Carousel plugin</a> but I'm unable to see the next and previous arrows - why is this?</p> <p>My code is here: <a href="http://jsfiddle.net/g8FaN/" rel="nofollow">http://jsfiddle.net/g8FaN/</a></p> <pre><code>&lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;link rel="stylesheet" href="http://www.nikolakis.net/liquidcarousel/css/liquidcarousel.css" /&gt; &lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="http://www.nikolakis.net/liquidcarousel/js/jquery.liquidcarousel.pack.js"&gt;&lt;/script&gt; &lt;script&gt; $(document).ready(function () { $('#liquid').liquidcarousel({ height: 129, duration: 100, hidearrows: false }); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div style ="width:200px"&gt; &lt;div id="liquid"&gt; &lt;span class="previous"&gt;&lt;/span&gt; &lt;div class="wrapper"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt; &lt;img src="http://web.scott.k12.va.us/martha2/dmbtest.gif" width="88" height="126" alt="image" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt; &lt;img src="http://web.scott.k12.va.us/martha2/dmbtest.gif" width="88" height="126" alt="image" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt; &lt;img src="http://web.scott.k12.va.us/martha2/dmbtest.gif" width="88" height="126" alt="image" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt; &lt;img src="http://web.scott.k12.va.us/martha2/dmbtest.gif" width="88" height="126" alt="image" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt; &lt;img src="http://web.scott.k12.va.us/martha2/dmbtest.gif" width="88" height="126" alt="image" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt; &lt;img src="http://web.scott.k12.va.us/martha2/dmbtest.gif" width="88" height="126" alt="image" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt; &lt;img src="http://web.scott.k12.va.us/martha2/dmbtest.gif" width="88" height="126" alt="image" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt; &lt;img src="http://web.scott.k12.va.us/martha2/dmbtest.gif" width="88" height="126" alt="image" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt; &lt;img src="http://web.scott.k12.va.us/martha2/dmbtest.gif" width="88" height="126" alt="image" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt; &lt;img src="http://web.scott.k12.va.us/martha2/dmbtest.gif" width="88" height="126" alt="image" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt; &lt;img src="http://web.scott.k12.va.us/martha2/dmbtest.gif" width="88" height="126" alt="image" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt; &lt;img src="http://web.scott.k12.va.us/martha2/dmbtest.gif" width="88" height="126" alt="image" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;span class="next"&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div style ="width:200px"&gt; &lt;/body&gt; </code></pre> <p>What did I do wrong here, because I'm unable to see next and previous button? Can anybody look into it?</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. 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