Enable Hash Navigation on carousel

[SteveWTD]

Looking at the docs for swiperjs
https://swiperjs.com/demos/#hash_navigation
if I want to navigate with the url hash feature
I need to add these parameters to the swiper

hashNavigation: {
        watchState: true,
      },

there is reference in the api to add parameters after the swiper is initialised but I can't work this out my coding skills are not advanced eg

var mySwiper = document.querySelector('.swiper-container').swiper

// Now you can use all slider methods like
mySwiper.slideNext();

is this how it would be done Ive tested this above and it does not work? any help or pointers would be apreciated.
Does the mySwiper variable have to be the same name as lay themes carousel variable if so what is it by default - layCarousel?

Thanks

[arminunruh]

hey @SteveWTD
sorry this won't work and i think i won't include this functionality in lay theme

if you just want to slide to the next image, maybe

window.laytheme.on('newpageshown', function(){

var mySwiper = document.querySelector('.swiper-container').swiper;

// Now you can use all slider methods like
mySwiper.slideNext();

});

but there might be multiple carousels on your page, best to use a class or id and target the specific carousel

right click the carousel and do "set element class and id"

you need to know some html and javascript to make sense of all of this and I can't guarantee you can make this work

good luck

[SteveWTD]

Thanks Arminunruh
so if I use the following

<script>
jQuery(document).on("click", ".id-28 .element-collection .element-wrap", function(event) {
	
	var slideno = jQuery(this).find("img").attr("alt");
          window.location.href = '/portfolio#' + slideno;
});
var urlhash = window.location.hash.substr(1);


window.laytheme.on('newpageshown', function(){

var mySwiper = document.querySelector('.swiper-container').swiper;

// Now you can use all slider methods like
mySwiper.slideTo(urlhash, 1, false);

});
</script>

no matter what slider method I use I get error like "TypeError: undefined is not an object (evaluating 'mySwiper.slideTo')" this suggest a timing issue as the object is not there can you see where I am going wrong.
Thanks for your help.