Hash Navigation

<script>
    jQuery(document).ready(function($) {
        $("#slider-wrapper").transitionSlider({
            width: 640,                     // slider standard width
            height: 600,                    // slider standard height
            hashNavigation: {
                // hash navigation options goes here...
            }
        }); 
    });
</script>

Parameter

Type

Default

Description

hashNavigation

object/boolean

false

Enables hash url navigation to for slides. Object with hash navigation parameters or boolean true to enable with default settings. Hash navigation is intended to have a link to specific slide that allows to load page with specific slide opened. (Hash navigation string is: #slide0, #slide1, #slide2… First slide has hash index 0. To use hash navigation to jump on 3rd slide on homepage slider, example looks like this: www.my-website.com#slide4)

{

watchState

boolean

false

Set to true to enable also navigation through slides (when hashnav is enabled) by browser history or by setting directly hash on document location.

replaceState

boolean

false

Works in addition to hashnav to replace current url state with the new one instead of adding it to history.

}

Last updated