first
This commit is contained in:
@@ -0,0 +1,61 @@
|
||||
<style>
|
||||
/* 1) Completely hide the carousel container until Owl is ready */
|
||||
.main-slider-two__carousel {
|
||||
visibility: hidden;
|
||||
}
|
||||
/* 2) As soon as Owl adds .owl-loaded, show it in one go */
|
||||
.main-slider-two__carousel.owl-loaded {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.main-slider-two__carousel .owl-nav {
|
||||
display: none !important;
|
||||
}
|
||||
</style>
|
||||
<section class="main-slider-two slider" style="background-image: url('<?php echo e($firstImage->images[0]); ?>'); background-size: cover; background-position: center; height: auto; ">
|
||||
<div
|
||||
class="main-slider-two__carousel owl-carousel owl-theme thm-owl__carousel"
|
||||
data-owl-options='{
|
||||
"loop": true,
|
||||
"items": 1,
|
||||
"navText": ["<span class=\"icon-prev\"></span>","<span class=\"icon-next\"></span>"],
|
||||
"margin": 0,
|
||||
"dots": true,
|
||||
"nav": false,
|
||||
"animateOut": "slideOutDown",
|
||||
"animateIn": "fadeIn",
|
||||
"smartSpeed": 1000,
|
||||
|
||||
"autoplayTimeout": 7000,
|
||||
"autoplayHoverPause": false
|
||||
}'>
|
||||
|
||||
<?php $__currentLoopData = $sliders; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $slider): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
|
||||
<div class="item main-slider-two__slide-<?php echo e($loop->iteration); ?>">
|
||||
<div class="main-slider-two__bg">
|
||||
<div class="slide-owl-wrap">
|
||||
|
||||
<img src="<?php echo e($slider->images[0]); ?>" alt="Slide <?php echo e($loop->iteration); ?>">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<?php $__env->startPush('js'); ?>
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
var $c = $('.main-slider-two__carousel');
|
||||
|
||||
// Initialize using your data-owl-options
|
||||
$c.owlCarousel($c.data('owl-options'));
|
||||
|
||||
// Owl adds .owl-loaded when it’s done — CSS will flip visibility.
|
||||
});
|
||||
</script>
|
||||
<?php $__env->stopPush(); ?>
|
||||
<?php /**PATH D:\installed\xampp\htdocs\bib\Consultancy-CCMS\resources\views/client/rohini/pages/partials/slider.blade.php ENDPATH**/ ?>
|
||||
Reference in New Issue
Block a user