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
AviaSlider
8 posts from 2 voices- Started 1 year ago by cheekykev
- Latest reply from cheekykev
- This topic is not resolved
-
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: http://www.nicolamorgan.com/author/test-2/
<!-- ########## CSS Files ########## -->
<!-- Screen CSS -->
<link rel="stylesheet" href="http://www.nicolamorgan.com/author/wp-content/themes/newscast/avia.css" type="text/css" media="screen" />
<!-- lightbox CSS -->
<link rel="stylesheet" href="http://www.nicolamorgan.com/author/wp-content/themes/newscast/aviajs/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" />
<!-- ########## end css ########## --><!-- JAVASCRIPT GOES HERE -->
<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><!--this file includes the aviaslider: -->
<script type='text/javascript' src='http://www.nicolamorgan.com/author/wp-content/themes/newscast/aviajs/jquery.aviaSlider.js'></script><!--this file includes the activation call for the avia slider. You should edit here: -->
<script type='text/javascript' src='http://www.nicolamorgan.com/author/wp-content/themes/newscast/aviajs/custom.js'></script><ul class="aviaslider" id='slider1'>
$('#frontpage-slider').aviaSlider({
blockSize: {height: 80, width:80},
transition: 'slide',
display: 'all',
transitionOrder: ['diagonaltop', 'diagonalbottom','topleft', 'bottomright', 'random']
});Posted 1 year ago # -
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: http://www.nicolamorgan.com/author/test-2/
I just have this HTML:
<ul class="aviaslider" id='slider1'>
....but still I just see the top image and no slideshow?
Posted 1 year ago # -
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.
Posted 1 year ago # -
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?
Posted 1 year ago # -
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?Posted 1 year ago #
Reply
You must log in to post.
Create a new thread and tell me what problems you are encountering and what you want to know. 
There is no step 3 :) 
