http://www.kriesi.at/support/topic/manual-controls-for-slider-not-showing Support Forum - Topic: Manual controls for slider not showing en-US Thu, 23 May 2013 11:27:38 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/manual-controls-for-slider-not-showing#post-85938 Thu, 29 Nov 2012 21:22:25 +0000 garydarling 85938@http://www.kriesi.at/support/ <p>I spent a couple days playing with avia.js, I finally figured out the problem. I inserted or modified (depending which version of avia.js you have) this code at the end of the "appenControlls" function:</p> <pre><code>//slideshow controll buttons if(options.appendAutoSlideshowControlls &amp;&amp; options.appendControlls &amp;&amp; slideCount &gt; 1) { slideControlls = $(&#39;&lt;div&gt;&lt;/div&gt;&#39;).appendTo(container) .addClass(options.appendAutoSlideshowControlls) .css({visibility:&#39;visible&#39;, opacity:1}); var status = &#39;ctrl_pause&#39;; if(options.autorotation) status += &#39; ctrl_play&#39;; slideControlls.html(&#39;&lt;a class=&quot;ctrl_fwd&quot; href=&quot;&quot;&gt;&gt;&lt;/a&gt;&lt;a class=&quot;&#39;+status+&#39;&quot; href=&quot;&quot;&gt; |&lt; &lt;/a&gt;&lt;a class=&quot;ctrl_back&quot; href=&quot;&quot;&gt;&lt;&lt;/a&gt;&#39;); $(&#39;.ctrl_back&#39;, slideControlls).bind(&#39;click&#39;, {show: &#39;prev&#39;}, helper.setSlideNumber); $(&#39;.ctrl_fwd&#39;, slideControlls).bind(&#39;click&#39;, {show: &#39;next&#39;}, helper.setSlideNumber); $(&#39;.ctrl_pause, .ctrl_play&#39;, slideControlls).bind(&#39;click&#39;, helper.toggleAutoRotation); }</code></pre> <p>The part that was missing or not working was the setSlideNumber function, as they were mistakenly preceded with "method" instead of "helper". I then populated the anchor elements with back and forward indicators, and changed the visibility to "visible" and opacity to "1". I'll play around with those some more to see what the default code does. </p> http://www.kriesi.at/support/topic/manual-controls-for-slider-not-showing#post-82253 Mon, 05 Nov 2012 08:22:11 +0000 Nick 82253@http://www.kriesi.at/support/ <p>Hi,</p> <p>I found this post relating to your question</p> <p><a href="http://www.kriesi.at/support/topic/feedback-2d-slider-no-autorotate-target-images-forward-backward-are-too-small" rel="nofollow">http://www.kriesi.at/support/topic/feedback-2d-slider-no-autorotate-target-images-forward-backward-are-too-small</a></p> <p>I think that is part of the design and avia.js would need to be modified from lines 790-1600</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/manual-controls-for-slider-not-showing#post-82014 Fri, 02 Nov 2012 17:40:58 +0000 garydarling 82014@http://www.kriesi.at/support/ <p>Okay, I would settle for previous and next. But as you can see in the development site, the Prev/Next navigation is not visible, although the html is there. And when I click either one it still performs a full page refresh, it does not navigate forward or back. </p> http://www.kriesi.at/support/topic/manual-controls-for-slider-not-showing#post-81876 Fri, 02 Nov 2012 00:25:28 +0000 Ismael 81876@http://www.kriesi.at/support/ <p>Hi,</p> <p>Brightbox slider doesn't have the play/pause capability. You can only have the previous and next button with the pagination.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/manual-controls-for-slider-not-showing#post-81866 Thu, 01 Nov 2012 22:52:26 +0000 garydarling 81866@http://www.kriesi.at/support/ <p>I assume the avia slider in Brightbox has the ability to show and use manual controls, like back, play/pause, forward, since they appear in the html. But I cannot seem to get them to work properly<br /> 1) By default, they are invisible no matter what color I choose for the background<br /> 2) The html anchor elements are empty, no characters or images, unless they are supposed to be added by jQuery. I assume this is why I see nothing on the screen.<br /> <pre><code>&lt;div class=&quot;autoslidecontrolls&quot; style=&quot;visibility: visible; opacity: 1; &quot;&gt; &lt;a class=&quot;ctrl_fwd&quot; href=&quot;&quot;&gt;&lt;/a&gt; &lt;a class=&quot;ctrl_pause ctrl_play&quot; href=&quot;&quot;&gt;&lt;/a&gt; &lt;a class=&quot;ctrl_back&quot; href=&quot;&quot;&gt;&lt;/a&gt; &lt;/div&gt;</code></pre> <p>3) I can locate and outline them using Chrome's Developer Tools, and if I click on either of the elements I get a full page refresh.</p> <p>What am I doing wrong? The site I'm developing is here - <a href="http://garydarling.net/cosgrove/a-retrospective/for-book-lovers/" rel="nofollow">http://garydarling.net/cosgrove/a-retrospective/for-book-lovers/</a> </p>