Support Forum - Topic: AviaSlider

Support Forum - Topic: AviaSlider http://www.kriesi.at/support/topic/aviaslider-3 Support Forum - Topic: AviaSlider en-US Wed, 19 Jun 2013 14:26:05 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php cheekykev on "AviaSlider" http://www.kriesi.at/support/topic/aviaslider-3#post-26436 Mon, 05 Sep 2011 16:46:33 +0000 cheekykev 26436@http://www.kriesi.at/support/ When the slideshow is in the sidebar, 4 vertical buttons appear but for now I have the slideshow in a page where no buttons show. So I guess the question has become - how can I get the slideshow to display the navigation in a page? K Chris Beard on "AviaSlider" http://www.kriesi.at/support/topic/aviaslider-3#post-26403 Mon, 05 Sep 2011 10:10:16 +0000 Chris Beard 26403@http://www.kriesi.at/support/ Hey, in the link you provided I don't see any vertical buttons, could you link to your site where I can see the problem? cheekykev on "AviaSlider" http://www.kriesi.at/support/topic/aviaslider-3#post-26328 Sat, 03 Sep 2011 08:27:35 +0000 cheekykev 26328@http://www.kriesi.at/support/ Made a little more progress - i've got the slideshow in the sidebar which is actually where i want to use it and 4 little radio buttons have also appeared. If your using this slideshow make sure you update the URL's that are included in the CSS file. I assumed there would't be any URL's here but I was wrong. The problem i have now is that the formatting is out of line. The 4 radio buttons appear vertical instead of horizontal and the slideshow is jumping around a bit. Any ideas? cheekykev on "AviaSlider" http://www.kriesi.at/support/topic/aviaslider-3#post-26288 Fri, 02 Sep 2011 15:17:17 +0000 cheekykev 26288@http://www.kriesi.at/support/ OK, next issue. The slideshow displays and slides but there are no controls on the slider? cheekykev on "AviaSlider" http://www.kriesi.at/support/topic/aviaslider-3#post-26287 Fri, 02 Sep 2011 15:02:27 +0000 cheekykev 26287@http://www.kriesi.at/support/ Finally got it working in Wordpress. If you want to use the slider in Wordpress: 1. Use FTP to copy the HTML (located within the purchased/downloaded zip) folder into the your wordpress theme folder and rename it to something like 'avia' 2. Copy the Javascript code found in the example index.html to header.php. 3. Copy the css into your style.css file 4. Copy the HTML for the images into a page (HTML mode). Use the code found in the example index.html file. 5. Make sure you update all the URL's to point to the correct files. * DO NOT use the example code given in the documentation - there are mistakes in there that will cost you hours of head scratching. cheekykev on "AviaSlider" http://www.kriesi.at/support/topic/aviaslider-3#post-26283 Fri, 02 Sep 2011 12:49:42 +0000 cheekykev 26283@http://www.kriesi.at/support/ Ok - I made some changes since my previous post. I moved the Javascript code to header.php and included the CSS in my main style.css file. Now in my Wordpress page: <a href="http://www.nicolamorgan.com/author/test-2/" rel="nofollow">http://www.nicolamorgan.com/author/test-2/</a> I just have this HTML: <ul class="aviaslider" id='slider1'> <li><a href="/author/wp-content/themes/newscast/avia/images/slides/1.jpg" title=""><img src="/author/wp-content/themes/newscast/avia/images/slides/1.jpg" alt="" /></a></li> <li><a href="/author/wp-content/themes/newscast/avia/images/slides/2.jpg" title=""><img src="/author/wp-content/themes/newscast/avia/images/slides/2.jpg" alt="" /></a></li> <li><a href="/author/wp-content/themes/newscast/avia/images/slides/3.jpg" title=""><img src="/author/wp-content/themes/newscast/avia/images/slides/3.jpg" alt="" /></a></li> <li><a href="/author/wp-content/themes/newscast/avia/images/slides/4.jpg" title=""><img src="/author/wp-content/themes/newscast/avia/images/slides/4.jpg" alt="" /></a></li> ....but still I just see the top image and no slideshow? cheekykev on "AviaSlider" http://www.kriesi.at/support/topic/aviaslider-3#post-26279 Fri, 02 Sep 2011 10:38:26 +0000 cheekykev 26279@http://www.kriesi.at/support/ Ok - I went ahead and just bought the slider as i figure it must be possible to use the slider with Wordress. So i've uploaded the various files into my Newscast theme folder, then i've inserted the code below into a page (based on the Avia documentation). I've checked all the URL's and they appear to be opening the revelent files. When i view the page my images appear to be stacked on top of each other with no slideshow. Where have I gone wrong? Link to slideshow page: <a href="http://www.nicolamorgan.com/author/test-2/" rel="nofollow">http://www.nicolamorgan.com/author/test-2/</a>   <link rel="stylesheet" href="http://www.nicolamorgan.com/author/wp-content/themes/newscast/avia.css" type="text/css" media="screen" />  <link rel="stylesheet" href="http://www.nicolamorgan.com/author/wp-content/themes/newscast/aviajs/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" />   <script type='text/javascript' src='http://www.nicolamorgan.com/author/wp-content/themes/newscast/aviajs/jquery.js'></script> <script src="http://www.nicolamorgan.com/author/wp-content/themes/newscast/aviajs/prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript"></script>  <script type='text/javascript' src='http://www.nicolamorgan.com/author/wp-content/themes/newscast/aviajs/jquery.aviaSlider.js'></script>  <script type='text/javascript' src='http://www.nicolamorgan.com/author/wp-content/themes/newscast/aviajs/custom.js'></script> <ul class="aviaslider" id='slider1'> <li><a href="http://www.nicolamorgan.com/author/wp-content/uploads/2011/08/DeathWatch.jpg" title="Test"><img src="http://www.nicolamorgan.com/author/wp-content/uploads/2011/08/DeathWatch.jpg" alt="" /></a></li> <li><a href="http://www.nicolamorgan.com/author/wp-content/uploads/2011/08/Fleshmarket.jpg" title=""><img src="http://www.nicolamorgan.com/author/wp-content/uploads/2011/08/Fleshmarket.jpg" alt="" /></a></li> <li><a href="http://www.nicolamorgan.com/author/wp-content/uploads/2011/08/DeathWatch.jpg" title=""><img src="http://www.nicolamorgan.com/author/wp-content/uploads/2011/08/DeathWatch.jpg" alt="" /></a></li> <li><a href="http://www.nicolamorgan.com/author/wp-content/uploads/2011/08/knowyourbraincover.jpg" title=""><img src="http://www.nicolamorgan.com/author/wp-content/uploads/2011/08/knowyourbraincover.jpg" alt="" /></a></li> $('#frontpage-slider').aviaSlider({ blockSize: {height: 80, width:80}, transition: 'slide', display: 'all', transitionOrder: ['diagonaltop', 'diagonalbottom','topleft', 'bottomright', 'random'] }); cheekykev on "AviaSlider" http://www.kriesi.at/support/topic/aviaslider-3#post-26190 Thu, 01 Sep 2011 09:17:36 +0000 cheekykev 26190@http://www.kriesi.at/support/ I'm thinking of buying the AviaSlider for my Kriesi themes. 1. Can the slideshow be placed in widget areas? 2. Is it possible for the slidehow to NOT autostart? Thanks Kevin