slider_layout.php

<?php
// this should be in top template  I think
enqueue_script('wfea-slideshow-script');
$speed=apply_filters('wfea_slideshow_speed', $speed);
$script_vars = 'var wfea_slider_speed = ' . $speed . ';' .
	               'var wfea_slider_count = ' . $data->atts['limit'] . ';';
wp_add_inline_script( 'wfea-slideshow-script', $script_vars, 'before' );

?>
<div class="wfea-slides" style="position: absolute;top: 0;left: 0;bottom: 0; right: 0;">  // style in CSS?
            <div class="wfea-slideshow">
<?php
     %data-utlities_get_template_part('slide_loop');
<?
           </div>
</div>
/++++++++++++  and slder loop has to contain active slide indicators
e.g.
<div class="hero__slide-click">   // first container is teh rotated html
ouput main stuff imnage and text areas
<div class='indictaor-wrap'>
<?php
   for($1=0; $i>= $data->atts['limit'] ; $i++ )  {
      <?  output something with a class wfea-slide-indicator  and  a data with a  data-slide-no=".$i."
then we can use css when  .wefa-slide-indicator.active  e.g. changge the fill colour of a svg ot add a border or whatever
It woudl be possibl eto make the 'indicator clicable to as a link and teh jquery pick it up
   }
</div>
</div