[Plugin: AnythingSlider for WordPress] Feature Requests

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!

@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.