http://www.kriesi.at/support/topic/avia-slider-not-complete-1 Support Forum - Topic: avia slider not complete en-US Tue, 18 Jun 2013 05:39:05 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/avia-slider-not-complete-1#post-68439 Tue, 31 Jul 2012 06:09:23 +0000 Dude 68439@http://www.kriesi.at/support/ <p>Search for following code in jquery.aviaSlider.js:</p> <pre><code>$(&#39;&lt;div class=&quot;kBlock&quot;&gt;&lt;/div&gt;&#39;).appendTo(slideWrapper).css({ zIndex:20, position:&#39;absolute&#39;, display:&#39;none&#39;, left:posX, top:posY, height:options.blockSize.height, width:options.blockSize.width, backgroundPosition:bgOffset });</code></pre> <p>However be careful because you can break the animation easily. </p> http://www.kriesi.at/support/topic/avia-slider-not-complete-1#post-68402 Mon, 30 Jul 2012 21:53:00 +0000 Mya 68402@http://www.kriesi.at/support/ <p>Hi Kornea,</p> <p>I'm not really sure what you're asking about. I'm going to tag the rest of the team to see if they can help.</p> <p>Regards,<br /> Mya </p> http://www.kriesi.at/support/topic/avia-slider-not-complete-1#post-68338 Mon, 30 Jul 2012 11:45:42 +0000 Kornea 68338@http://www.kriesi.at/support/ <p>please help me </p> http://www.kriesi.at/support/topic/avia-slider-not-complete-1#post-68336 Mon, 30 Jul 2012 11:30:06 +0000 Kornea 68336@http://www.kriesi.at/support/ <p>how to edit class kBlock ( you can found class kBlock at jquery.aviaSlider.js )</p> <p>i want to edit top left width height of kBlock </p> http://www.kriesi.at/support/topic/avia-slider-not-complete-1#post-68170 Sun, 29 Jul 2012 07:49:57 +0000 Dude 68170@http://www.kriesi.at/support/ <p>Tbh it's hard to say what causes the issue without investigating the slider code first hand. However you can try to use following html code instead:</p> <pre><code>&lt;ul id=&quot;aviaslider&quot;&gt; &lt;li&gt;&lt;img src=&quot;http://my url/images/slides/1.jpg&quot; alt=&quot;&quot; /&gt;&lt;/li&gt; &lt;li&gt;&lt;img src=&quot;http://my url/images/slides/2.jpg&quot; alt=&quot;&quot; /&gt;&lt;/li&gt; &lt;/ul&gt;</code></pre> <p>Because the a href element is not required. </p> http://www.kriesi.at/support/topic/avia-slider-not-complete-1#post-67934 Fri, 27 Jul 2012 11:41:33 +0000 Kornea 67934@http://www.kriesi.at/support/ <p>my css is </p> <p>.aviaslider{<br /> height:320px; /*this changes the height of the image slider*/<br /> width:640px;<br /> overflow: hidden;<br /> position: relative;<br /> background: #fff url(../images/layout/preload.gif) center center no-repeat;<br /> }</p> <p>.aviaslider li, .aviaslider .featured{<br /> display: block;<br /> width:100%;<br /> height:100%;<br /> position: absolute;<br /> top:0;<br /> left:0;<br /> z-index: 1;<br /> }</p> <p>.js_active .aviaslider li, .js_active .aviaslider .featured{<br /> display:none;<br /> }</p> <p>.aviaslider img, .aviaslider a img, .aviaslider a{<br /> border:none;<br /> text-decoration: none;<br /> }</p> <p>.slidecontrolls{<br /> margin:20px auto 0 auto;<br /> position: relative;<br /> float:left;<br /> }</p> <p>.slidecontrolls a{<br /> height:20px;<br /> width:18px;<br /> display:block;<br /> cursor: pointer;<br /> background: transparent url(../images/layout/controlls.gif) center bottom no-repeat;<br /> float:left;<br /> outline: none;<br /> }</p> <p>.slidecontrolls a:hover, .slidecontrolls .active_item{<br /> background: transparent url(../images/layout/controlls.gif) center top no-repeat;<br /> }</p> <p>.feature_excerpt{<br /> width:610px;<br /> position: absolute;<br /> display: block;<br /> bottom: 0;<br /> left:0;<br /> z-index: 2;<br /> padding:14px 15px;<br /> font-size: 11.5px;<br /> line-height:1.5em;<br /> cursor: pointer;<br /> background: #000;<br /> color: #fff;<br /> }</p> <p>.feature_excerpt strong{<br /> display: block;<br /> font-size: 15px;<br /> padding-bottom: 3px;<br /> }</p> <p>my code is<br /> <pre><code>&lt;script type=&#39;text/javascript&#39; src=&#39;http://my url/js/jquery.js&#39;&gt;&lt;/script&gt; &lt;script type=&#39;text/javascript&#39; src=&#39;http://my url/js/jquery.aviaSlider.min.js&#39;&gt;&lt;/script&gt; &lt;script type=&#39;text/javascript&#39;&gt; jQuery(document).ready(function(){ // here you can see the slide options jQuery(&#39;#aviaslider&#39;).aviaSlider(); }); &lt;/script&gt; &lt;ul id=&quot;aviaslider&quot;&gt; &lt;li&gt;&lt;a title=&quot;&quot;&gt;&lt;img src=&quot;http://my url/images/slides/1.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a title=&quot;&quot;&gt;&lt;img src=&quot;http://my url/images/slides/2.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/li&gt;</code></pre> <p>and i'm not modify every js file </p> <p>and this is print screen my site ( my site is intranet )</p> <p><a href="http://image.ohozaa.com/i/636/PGWLuw.jpg" rel="nofollow">http://image.ohozaa.com/i/636/PGWLuw.jpg</a> </p>