Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

hash link to fullscreen #24

Open
nam-co opened this issue Oct 8, 2018 · 5 comments
Open

hash link to fullscreen #24

nam-co opened this issue Oct 8, 2018 · 5 comments

Comments

@nam-co
Copy link

nam-co commented Oct 8, 2018

Hi desandro, I was wondering if its possible to link a specific image in fullscreen, so when click, it opens the fullscreen and scrolls to the desire img, also is it possible to link to a image with out the #photoX on the url?

<a class="comment_photo_fullscreen" href="#carousel-cell2">View cell 2</a>

<img class="carousel-image" id="carousel-cell2"....>

  $(".comment_photo_fullscreen").click(function() {
    $carousel.flickity('viewFullscreen');
  });

Appreciate the help

@desandro
Copy link
Member

desandro commented Oct 9, 2018

See flickity-hash for using hash links for specific cells.

As for opening in fullscreen Flickity, you'll have to do that with JS, like you posted.

@nam-co
Copy link
Author

nam-co commented Oct 9, 2018

Hi D, thanks for the response, I did the hash (included in the above code), but is not working with the open fullscreen and scroll to desire image.. or the hash has to use a div around each image?

Also, is it possible to has link with out the #id in the url? maybe hash with js

Thanks

@desandro
Copy link
Member

I'm sorry to see you're having trouble with Flickity. Could you provide a reduced test case? See Submitting Issues in the contributing guidelines.

@nam-co
Copy link
Author

nam-co commented Oct 14, 2018

Hi D, can I send you a video?

@desandro
Copy link
Member

An actual website that demonstrates the issue is necessary as it allows me to debug the code.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

No branches or pull requests

2 participants