Support » Plugin: HTML5 Slideshow Presentations » Can you link to another slider within the same presentation?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Justin Sternberg

    (@jtsternberg)

    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

    Thread Starter crowntastic

    (@crowntastic)

    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.

    Plugin Author Justin Sternberg

    (@jtsternberg)

    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.

    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) {
    				curSlide++;
    				steps--;
    			}
    			else if (steps < 0) {
    				curSlide--;
    				steps++;
    			}
    		}
    		updateSlides();
    	}
    };

    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

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Can you link to another slider within the same presentation?’ is closed to new replies.