Support Forum - Topic: Avia Slider - Multiple Sliders on a page

Support Forum - Topic: Avia Slider - Multiple Sliders on a page http://www.kriesi.at/support/topic/avia-slider-multiple-sliders-on-a-page Support Forum - Topic: Avia Slider - Multiple Sliders on a page en-US Wed, 19 Jun 2013 08:32:54 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php pachifg on "Avia Slider - Multiple Sliders on a page" http://www.kriesi.at/support/topic/avia-slider-multiple-sliders-on-a-page#post-43175 Thu, 23 Feb 2012 14:51:44 +0000 pachifg 43175@http://www.kriesi.at/support/ <p>Hi Dude, It's posible you send you a sample code with two working sliders like dame?<br /> Thanks!! </p> Dude on "Avia Slider - Multiple Sliders on a page" http://www.kriesi.at/support/topic/avia-slider-multiple-sliders-on-a-page#post-7635 Mon, 25 Oct 2010 15:11:42 +0000 Dude 7635@http://www.kriesi.at/support/ <p>Glad that I could help you. </p> dane on "Avia Slider - Multiple Sliders on a page" http://www.kriesi.at/support/topic/avia-slider-multiple-sliders-on-a-page#post-7622 Mon, 25 Oct 2010 14:24:14 +0000 dane 7622@http://www.kriesi.at/support/ <p>Thank you sir it´s working! </p> Dude on "Avia Slider - Multiple Sliders on a page" http://www.kriesi.at/support/topic/avia-slider-multiple-sliders-on-a-page#post-7359 Fri, 22 Oct 2010 15:32:55 +0000 Dude 7359@http://www.kriesi.at/support/ <p>I sent you a mail. </p> dane on "Avia Slider - Multiple Sliders on a page" http://www.kriesi.at/support/topic/avia-slider-multiple-sliders-on-a-page#post-7357 Fri, 22 Oct 2010 15:23:19 +0000 dane 7357@http://www.kriesi.at/support/ <p>Yes sure!</p> <p><a href="mailto:yasffiralmeida@gmail.com">yasffiralmeida@gmail.com</a></p> <p>Thanck you sir! </p> Dude on "Avia Slider - Multiple Sliders on a page" http://www.kriesi.at/support/topic/avia-slider-multiple-sliders-on-a-page#post-7271 Thu, 21 Oct 2010 16:12:44 +0000 Dude 7271@http://www.kriesi.at/support/ <p>Can you give me your email adress - I send you a sample code with two working sliders. </p> dane on "Avia Slider - Multiple Sliders on a page" http://www.kriesi.at/support/topic/avia-slider-multiple-sliders-on-a-page#post-7268 Thu, 21 Oct 2010 15:45:47 +0000 dane 7268@http://www.kriesi.at/support/ <p>Thanx!<br /> I allready change it but, nothing happen. </p> Dude on "Avia Slider - Multiple Sliders on a page" http://www.kriesi.at/support/topic/avia-slider-multiple-sliders-on-a-page#post-7255 Thu, 21 Oct 2010 14:25:44 +0000 Dude 7255@http://www.kriesi.at/support/ <p>The first thing I noticed is that you placed the body tags wrong. Please correct this. Change the code from:<br /> <pre><code><div class="center"> <h1 class="logo"><a href="index.html">AviaSlider - a jquery image slider</a></h1> <div class='aviaslider' id="my-id1"> <div class="#"><a href="images/slides/1.jpg" title="" ><img src="images/slides/1.jpg" alt="" /></a></div> <div class="#><a href="images/slides/2.jpg" title=""><img src="images/slides/2.jpg" alt="" /></a></div> <div class="#"><a href="images/slides/3.jpg" title=""><img src="images/slides/3.jpg" alt="" /></a></div> </div> <div class='aviaslider' id="my-id2"> <div class="#"><a href="images/slides/4.jpg" title="" ><img src="images/slides/4.jpg" alt="" /></a></div> <div class="#"><a href="images/slides/5.jpg" title=""><img src="images/slides/5.jpg" alt="" /></a></div> <div class="#"><a href="images/slides/6.jpg" title=""><img src="images/slides/6.jpg" alt="" /></a></div> </div> </div> <body> </body></code></pre> <p>to<br /> <pre><code><body> <div class="center"> <h1 class="logo"><a href="index.html">AviaSlider - a jquery image slider</a></h1> <div class='aviaslider' id="my-id1"> <div class="#"><a href="images/slides/1.jpg" title="" ><img src="images/slides/1.jpg" alt="" /></a></div> <div class="#><a href="images/slides/2.jpg" title=""><img src="images/slides/2.jpg" alt="" /></a></div> <div class="#"><a href="images/slides/3.jpg" title=""><img src="images/slides/3.jpg" alt="" /></a></div> </div> <div class='aviaslider' id="my-id2"> <div class="#"><a href="images/slides/4.jpg" title="" ><img src="images/slides/4.jpg" alt="" /></a></div> <div class="#"><a href="images/slides/5.jpg" title=""><img src="images/slides/5.jpg" alt="" /></a></div> <div class="#"><a href="images/slides/6.jpg" title=""><img src="images/slides/6.jpg" alt="" /></a></div> </div> </div> </body></code></pre> dane on "Avia Slider - Multiple Sliders on a page" http://www.kriesi.at/support/topic/avia-slider-multiple-sliders-on-a-page#post-7248 Thu, 21 Oct 2010 12:23:47 +0000 dane 7248@http://www.kriesi.at/support/ <p>Hi again!</p> <p>here is the link.</p> <p><a href="http://67.23.228.173/~daneissi/index.html" rel="nofollow">http://67.23.228.173/~daneissi/index.html</a> </p> dane on "Avia Slider - Multiple Sliders on a page" http://www.kriesi.at/support/topic/avia-slider-multiple-sliders-on-a-page#post-7247 Thu, 21 Oct 2010 11:38:50 +0000 dane 7247@http://www.kriesi.at/support/ <p>I will send you a copy of file via RapidShare. </p> Dude on "Avia Slider - Multiple Sliders on a page" http://www.kriesi.at/support/topic/avia-slider-multiple-sliders-on-a-page#post-7228 Thu, 21 Oct 2010 07:04:15 +0000 Dude 7228@http://www.kriesi.at/support/ <p>Can you post a link please. Maybe there's a javascript conflict. </p> dane on "Avia Slider - Multiple Sliders on a page" http://www.kriesi.at/support/topic/avia-slider-multiple-sliders-on-a-page#post-7159 Wed, 20 Oct 2010 11:02:22 +0000 dane 7159@http://www.kriesi.at/support/ <p>Hi sir.<br /> I have the same problem, i whant to multiply my aviaslider in same page.<br /> I follow the steps in this post and its working but the images doesn`t slide.</p> <p>Here is my code:</p> <p>HTML:<br /> <div class='aviaslider' id="fullwidth-fade-slider1"><br /> <div class="#"><a href="images/slides/1.jpg" title=""><img src="images/slides/1.jpg" alt="" /></a></div><br /> <div class="#><a href="images/slides/2.jpg" title=""><img src="images/slides/2.jpg" alt="" /></a></div><br /> <div class="#"><a href="images/slides/3.jpg" title=""><img src="images/slides/3.jpg" alt="" /></a></div><br /> </div></p> <p><div class='aviaslider' id="fullwidth-fade-slider"><br /> <div class="#"><a href="images/slides/4.jpg" title=""><img src="images/slides/4.jpg" alt="" /></a></div><br /> <div class="#"><a href="images/slides/5.jpg" title=""><img src="images/slides/5.jpg" alt="" /></a></div><br /> <div class="#"><a href="images/slides/6.jpg" title=""><img src="images/slides/6.jpg" alt="" /></a></div><br /> </div></p> <p>JS:<br /> $('#fullwidth-fade-slider1').aviaSlider();<br /> $('#fullwidth-fade-slider').aviaSlider(); </p> Dude on "Avia Slider - Multiple Sliders on a page" http://www.kriesi.at/support/topic/avia-slider-multiple-sliders-on-a-page#post-5896 Sun, 03 Oct 2010 06:37:50 +0000 Dude 5896@http://www.kriesi.at/support/ <p>You just need to create two divs with different ids like:<br /> <pre><code><div class='aviaslider' id="my-id1"> <div class="featured"><a href="images/slides/1.jpg" title="" ><img src="images/slides/1.jpg" alt="" /></a></div> <div class="featured"><a href="images/slides/2.jpg" title=""><img src="images/slides/2.jpg" alt="" /></a></div> <div class="featured"><a href="images/slides/5.jpg" title=""><img src="images/slides/3.jpg" alt="" /></a></div> </div> <div class='aviaslider' id="my-id2"> <div class="featured"><a href="images/slides/1.jpg" title="" ><img src="images/slides/1.jpg" alt="" /></a></div> <div class="featured"><a href="images/slides/2.jpg" title=""><img src="images/slides/2.jpg" alt="" /></a></div> <div class="featured"><a href="images/slides/5.jpg" title=""><img src="images/slides/3.jpg" alt="" /></a></div> </div></code></pre> <p>You also need to add following javascript code - please use your ids:<br /> <pre><code>$('#my-id1').aviaSlider({ blockSize: {height: 80, width:80}, transition: 'slide', display: 'diagonaltop', switchMovement: true }); $('#my-id2').aviaSlider({ blockSize: {height: 80, width:80}, transition: 'slide', display: 'diagonaltop', switchMovement: true });</code></pre> <p>The Dude </p> silverflame757 on "Avia Slider - Multiple Sliders on a page" http://www.kriesi.at/support/topic/avia-slider-multiple-sliders-on-a-page#post-5893 Sun, 03 Oct 2010 06:25:23 +0000 silverflame757 5893@http://www.kriesi.at/support/ <p>Is it possible to put multiple slideshows on a page? </p> <p>If it is how would you go about it when using the diagonal blocks slide transition? </p>