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;
            }
        });
    });

});​

Hi Garth!

It looks like this bit of css is the culprit:

#content ul {
  padding-left: 25px;
}

if you remove the ID (#content) from in front of the ul it will make that css less specific and then it shouldn’t interfere with the slider.

Rob

Hi Jinch!

Try this code… and I made a basic demo of it in action here

jQuery("document").ready(function() {

    var setTab = function(tab, slide) {
        tab = "#tabs-" + tab;
        jQuery('#tabs').tabs("select", tab);
        jQuery(tab + ' .anythingBase').anythingSlider(slide);
    };

    jQuery("#tabs").tabs();
    jQuery("#web_review").click(function(e) {
        setTab(2, 1);
        e.preventDefault();
    });
    jQuery("#web_test").click(function(e) {
        setTab(2, 2);
        e.preventDefault();
    });
    jQuery("#web_design").click(function(e) {
        setTab(2, 3);
        e.preventDefault();
    });
    jQuery("#words_create").click(function(e) {
        setTab(3, 4);
        e.preventDefault();
    });
    jQuery("#words_check").click(function(e) {
        setTab(3, 5);
        e.preventDefault();
    });
    jQuery("#words_proofread").click(function(e) {
        setTab(3, 6);
        e.preventDefault();
    });
});

I guess I’m confused. Why can’t you just style the iframe using css?