Here is the record specific carousal component

I have created two custom objects Named ImagesSlider__c and Imagess, where Imagess has lookup to ImagesSlider__c .
UploadImage__c is a rich text field in Imagess object where images are added for the carousal.

Controller:

public class displayImage {
 @AuraEnabled   
    public static list<ImagesSlider__c> Image(Id parentId){
        
       List<ImagesSlider__c> ImgUrlsList=new List<ImagesSlider__c>();
       for(ImagesSlider__c img : [SELECT id,name,(select name,UploadImage__c from Imagess__r)from ImagesSlider__c where id=:parentId]){            
            ImgUrlsList.add(img); 
        }
        system.debug('@@@@'+ImgUrlsList);
          return ImgUrlsList; 
           
    }
}

component:

<aura:component controller="displayImage" implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickAction" access="global" >
   <ltng:require styles="/resource/Slider/Slider/bootstrap.min.css"/>    
    <ltng:require scripts="/resource/Slider/Slider/jquery.min.js,
                           /resource/Slider/Slider/bootstrap.min.js"
   afterScriptsLoaded="{!c.myAction}"/>    
    
         <aura:handler name="init" action="{!c.myAction}" value="{!this}" />  
        <aura:attribute name="atlist" type="ImagesSlider__c"/>
        <aura:attribute name="recordId" type="Id"  />
        <aura:attribute name="recordIds" type="Id[]"  />
           <aura:attribute name="imagesUrl" type="String[]" />
        <aura:attribute name="interval" type="Integer" default="2000"/>   

    <div id="carousel-example-generic" class="carousel slide imageInterval" data-ride="carousel" >
       <aura:iteration items="{!v.atlist}" var="acc">    
        <ol class="carousel-indicators">
            <aura:iteration items="{!acc.Imagess__r}" var="imgUrl" indexVar="index">                                
                <aura:if isTrue="{!index == 0}">
                    <li data-target="#carousel-example-generic" data-slide-to="{!index}" class="active"></li>
                    <aura:set attribute="else">
                        <li data-target="#carousel-example-generic" data-slide-to="{!index}" ></li>
                    </aura:set>
                </aura:if>   
            </aura:iteration>      
        </ol>
         </aura:iteration>
        
        <div class="carousel-inner" role="listbox">  
             <aura:iteration items="{!v.atlist}" var="acc">    
            <aura:iteration items="{!acc.Imagess__r}" var="imgUrl" indexVar="index">   
                <aura:if isTrue="{!index == 0}">
                    <div class="item active" >
                        <ui:outputRichText value="{!imgUrl.UploadImage__c}" class="img-responsive"/>
                        <div class="carousel-caption"> </div>
                    </div>
                    <aura:set attribute="else" >
                        <div class="item " >
                            <ui:outputRichText value="{!imgUrl.UploadImage__c}"  class="img-responsive"/>
                            <div class="carousel-caption"> </div>
                        </div>
                    </aura:set>
                </aura:if>
                
            </aura:iteration>
                 </aura:iteration>
        </div>
    
        <a class="left carousel-control" href="" role="button" data-slide="prev" onclick="{!c.Previous}">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="" role="button" data-slide="next" onclick="{!c.Next}">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> 
            <span class="sr-only">Next</span>
        </a> 
    </div>
               
</aura:component>

Js:

({
     myAction : function(component, event, helper) {
          var speed=component.get("v.interval"); 
          var recordId = component.get("v.recordId");
        var oppt = component.get("c.Image");
        oppt.setParams({
            'parentId': recordId
        });
        oppt.setCallback(this, function(response){
            var state = response.getState();
            if(state === 'SUCCESS'){
                  var storeResponse = response.getReturnValue();            
                var count = 0;
                var i = 0;
                if (storeResponse == null) {
                    
                } else {
                    for (i = 0; i < storeResponse.length; i++) {
                        if (storeResponse[i].order < 0)
                            count++;
                    }                   
                    component.set("v.recordId", recordId);
                    component.set("v.atlist", storeResponse);
                    var ids = component.get("v.recordIds");
                    ids.push(recordId);
                    component.set("v.recordIds", ids);               
            }
            }
        });
        $A.enqueueAction(oppt);
          if(speed<500){
            alert("Min Interval 500 Millisecond");
        }else{
         /*   $('.carousel').carousel({
                interval: speed
            });
            $('.carousel').carousel({
                interval: true
            });  */
        }
    },
     Previous : function(component, event, helper) {
        $('#carousel-example-generic').carousel('prev'); 
    },
    Next : function(component, event, helper) {
        $('#carousel-example-generic').carousel('next'); 
        $('#carousel-example-generic').carousel(200);
        
    },

})

Thanks
prithvi kumar