Add options for appendControlsTo.
minor;documentation
Settings > Appearance Settings > Tooltip Class
{fix description}
WordPress smiley codes to work as images not symbols
option to make the url of slides not change. If it starts as panel1-1 it should stay that way
To make this the most amazing slider ever:
+ Responsive layout (i.e. content scales to the slideshow container width)
+ Swipe navigation for iPhones/iPads etc
How cool would that be!
Plugin Contributor
Mottie
(@mottie)
@spencermerpi: I think I answered your question in another thread… basically set the hashTags option to false
@carolineelisa: The slider will scale to fit inside of it’s container if you set the expand function to true. See this demo.
Swipe navigation for iPhones/iPads can be added by including some extra scripting; this code needs to be added BEFORE the AnythingSlider initialization code – demo
jQuery(function($) {
/******************************************
Swipe Demo - without using jQuery Mobile
******************************************/
// Called when the plugin finished initializing
$('#slider').bind('initialized', function(e, slider) {
var time = 1000,
// allow movement if < 1000 ms (1 sec)
range = 50,
// swipe movement of 50 pixels triggers the slider
x = 0,
t = 0,
touch = "ontouchend" in document,
st = (touch) ? 'touchstart' : 'mousedown',
mv = (touch) ? 'touchmove' : 'mousemove',
en = (touch) ? 'touchend' : 'mouseup';
slider.$window.add(slider.$controls).bind(st, function(e) {
// prevent image drag (Firefox)
e.preventDefault();
t = (new Date()).getTime();
x = e.originalEvent.touches ? e.originalEvent.touches[0].pageX : e.pageX;
}).bind(en, function(e) {
t = 0;
x = 0;
}).bind(mv, function(e) {
e.preventDefault();
var newx = e.originalEvent.touches ? e.originalEvent.touches[0].pageX : e.pageX,
r = (x === 0) ? 0 : Math.abs(newx - x),
// allow if movement < 1 sec
ct = (new Date()).getTime();
if (t !== 0 && ct - t < time && r > range) {
if (newx < x) {
if ($(this).hasClass('anythingControls')) {
slider.$controls.find('.next').trigger('click');
} else {
slider.goForward();
}
return false;
}
if (newx > x) {
if ($(this).hasClass('anythingControls')) {
slider.$controls.find('.prev').trigger('click');
} else {
slider.goBack();
}
}
t = 0;
x = 0;
return false;
}
});
});
});
This plugin needs to allow developer to set scripts to the footer instead of the header for faster loading! Maybe add a checkbox that enables footer loading if you prefer header loading by default.
