📓
Transition Slider jQuery
  • Welcome
  • Getting started
    • Slider Project Setup
  • Slider Options
    • General
    • Size
    • Autoplay
    • Video
    • Navigation
    • Wheel Navigation
    • Pagination
    • Thumbnails
    • Hash Navigation
    • Loading
    • Lightbox
  • Slide Options
    • Slide parameters
    • Transitions
  • Layer Options
    • Layer parameters
    • Element parameters
  • Special notes
    • Running things locally
Powered by GitBook
On this page

Was this helpful?

  1. Slider Options

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.

}

PreviousThumbnailsNextLoading

Last updated 3 years ago

Was this helpful?