Untitled Page

On the "to bootstrap carousel" page insert two html frames:

Frame 1 with setting "Beween <head></head> tags" enter the following

<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:

<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 #

To Bootstrap Carousel