not a support questionHey!
The slider is spread across several files: JS/CSS/HTML. You might be interested in this http://aviathemes.com/aviaslider/
Best regards,
Noah
I apologize for offending you. I wasn't stating that you should go purchase, but I simply thought you'd be interested in knowing Kriesi sells just the slider separately in case you had bought the theme just for the slider. You of course then could ask TF for a refund on the WP theme and purchase the (much less expensive) slider. Again, I apologize for any misunderstandings.
Here are the files that you could look in to extract the slider. If you have additional questions I am here to help.
Look at js/custom.js and around line 1530 is the start for the class.
/**
* AviaSlider - A jQuery image slider
* (c) Copyright Christian "Kriesi" Budschedl
* http://www.kriesi.at
* http://www.twitter.com/kriesi/
* For sale on ThemeForest.net
*/
/* this prevents dom flickering, needs to be outside of dom.ready event: */
document.documentElement.className += 'js_active';
/*end dom flickering =) */
(function($)
You'll probably create a new file called jquery.aviaslier.js and paste that class in there.
You can look towards the top of the custom.js for the initialization of the slider
// aviaslider initialisation
jQuery(".aviaslider").aviaSlider({
animationSpeed:slideShowArray['slider_transition'], // animation duration
autorotation: slideShowArray['slide_autorotate'], // autorotation true or false?
autorotationSpeed:slideShowArray['slide_duration'], // duration between autorotation switch in Seconds
transition: slideShowArray['box_transition'],
blockSize: {height: slideShowArray['box_height'], width:slideShowArray['box_width']}, //heigth and width of the blocks'
betweenBlockDelay:slideShowArray['box_transition_delay'],// delay between each block change
transitionOrder: newTransitionOrder,
showText: true, // wether description text should be shown or not
display: 'all', // showing up blocks: random, topleft, bottomright, diagonaltop, diagonalbottom, all
switchMovement: false, // if display is set "topleft" it will switch to "br" every 2nd transition
slideControlls: 'items', // which controlls should the be displayed for the user: none, items
slides: '.featured', // wich element inside the container should serve as slide
captionReplacement:'.feature_excerpt'
});
Then starting around line 260 of style.css you'll find properties relating to elements with class .slideshow copy any of those you find to the other project.
.slideshow{
height:390px; /*this changes the height of the main image slider*/
width:910px;
overflow: hidden;
position: relative;
}
The HTML is probably easiest to obtain by viewing the source on the theme and copying and pasting what Wordpress spits out. It's fairly straightforward to modify and add new elements.
You must log in to post.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
