HTML5 Slideshow Presentations
[resolved] Can you link to another slider within the same presentation? (5 posts)

  1. crowntastic
    Posted 3 years ago #


    Great plugin, I just want to know if I can link to any of the sliders within the presentation? I see that you can have a back to beginning id. How about for other sliders?



  2. Justin Sternberg
    Plugin Author

    Posted 3 years ago #

    Yes, you can link to a specific slide. when you're navigating between slides, you can see the url changing with a #number being added. the #number represents the number slide you're on, and you can use that full link to link to that slide. example: http://dsgnwrks.pro/plugins/html5-slideshow-presentations/html5-presentation-example/#3

  3. crowntastic
    Posted 3 years ago #

    It's not working, I just link to the whole slide right? I tried it on this page - http://chris.crowntasticmedia.com/hot-beverage-bundle-guide-v2/#3.

    the move to hot beverage should link to slide 3.

  4. Justin Sternberg
    Plugin Author

    Posted 3 years ago #

    Ah, I see what you're saying. Unfortunately I only turned this code: https://code.google.com/p/html5slides/ into a WordPress plugin, so I'm not sure if there is a way to do what you're asking.

    One thing you could try is adding target="_blank" to the link:
    <a href="http://chris.crowntasticmedia.com/hot-beverage-bundle-guide-v2/#3" target="_blank"><span style="color: #993300; background-color: #99ccff;"><strong>Move to Hot Beverage Pitch</strong></span></a>

    The downside to this is it will open the link in a new tab/window.

    The main intention for this plugin is to create presentations for talks and such, so that type of functionality would be unneeded for that context.

  5. raybewright
    Posted 3 years ago #

    in the Javascript file, just add

    function goToSlide(target) {
    	if (target >= 0 && target <= slideEls.length) {
    		var steps = target - (curSlide + 1);
    		while (steps !== 0) {
    			if (steps > 0) {
    			else if (steps < 0) {

    in the section with nextSlide and beginSlide functions.

    Then on a link add
    <a onclick="goToSlide(2);" href="#2">Link Text</a>

    There are lots of other navigation and other features like this here: https://github.com/berb/html5slides-uulm

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • HTML5 Slideshow Presentations
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic