I'm having trouble prepending the navigation from each slider. Using appendControlsTo just add's each slides controls to the first instance of the slider.
Besides that I want to know whether there is any way to get it to resize via css, or jquery with something like:
function adjustWindow(width) { width = parseInt(width); if (width < 701) { //fire code } else if ((width >= 701) && (width < 900)) { // fire code } else { // fire code } }
Please if you have a concept you can share I'd like to try that out.
If you are using css3 media queries, you can just change the size of the wrapper around AnythingSlider, but make sure you set the "expand" option to "true". Here is a demo of it in action. Resize the browser window, it is set to fill the wrapper which is set to 100% and 50% width respectively.
There is no need to make an "adjustWindow" function if you use css3 media queries.
I think my problem is that since my slides have variable heights (all same widths though) resizing their width to fit the wrapper is easy, but what is left to do is update the heights.. that's why I thought of using a adjustWindow() function. There are 6 with variable heights I don't know how too target each one individually.
$('.screens').each(function() {
$('.screens').anythingSlider({ ... })
})
I'm having trouble prepending the navigation from each slider. Using
appendControlsTojust add's each slides controls to the first instance of the slider.Besides that I want to know whether there is any way to get it to resize via css, or jquery with something like:
function adjustWindow(width) {
width = parseInt(width);
if (width < 701) {
//fire code
} else if ((width >= 701) && (width < 900)) {
// fire code
} else {
// fire code
}
}
Please if you have a concept you can share I'd like to try that out.
There is no need to make an "adjustWindow" function if you use css3 media queries.
Maybe that is not possible in this case.