Better late than never. I have a couple of hacks for this which work with the Bootstrap Carousel and the Slideshow:
For both the Bootstrap Carousel and Slideshow on the page you want to link from:
Link each image to External Web address and enter the page id and slide number in this format
----------------------------------------------------------------------------------------------------------------------------------------------------
On the page you are linking to for the Bootstrap Carousel insert two html frames:
Frame 1 with setting "Beween <head></head> tags" enter the following
Code: Select all
<script>
$(document).ready(function(){
if(window.location.hash == '#s1'){
$("#s1").trigger("click");
}
if(window.location.hash == '#s2'){
$("#s2").trigger("click");
}
if(window.location.hash == '#s3'){
$("#s3").trigger("click");
}
if(window.location.hash == '#s4'){
$("#s4").trigger("click");
}
});
</script>
Note that each slide has it's own if block. Add/remove blocks as required and adjust numbering sequence.
Frame 2 with setting "After <body> tag" enter the following anchors:
Code: Select all
<a href="#" id="s1" data-target="#slider_10" data-slide-to="0"></a>
<a href="#" id="s2" data-target="#slider_10" data-slide-to="1"></a>
<a href="#" id="s3" data-target="#slider_10" data-slide-to="2"></a>
<a href="#" id="s4" data-target="#slider_10" data-slide-to="3"></a>
Note that slides start at 0 (zero) which is the first slide. Change slider_10 to your slider id but do not remove the #
--------------------------------------------------------------------------------------------------------------------------------------------------
On the page you are linking to for the Slideshow we're triggering the pagination to index the slides.
Use one html frame with setting "Between <head></head> tags" and enter
Code: Select all
script>
$(document).ready(function(){
if(window.location.hash == '#s1'){
$("#1").trigger("click");
}
if(window.location.hash == '#s2'){
$("#2").trigger("click");
}
if(window.location.hash == '#s3'){
$("#3").trigger("click");
}
if(window.location.hash == '#s4'){
$("#4").trigger("click");
}
});
</script>
Note that pagination id's are numbers begining with 1 (#1) which is the first slide. Each slide has it's own if block. Add/remove blocks as required and adjust numbering sequence.
Demo here
https://linkcarousel.discoverproductivity.co.uk/
Hope this helps
Joe
