61 lines
2.1 KiB
PHP
61 lines
2.1 KiB
PHP
<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**/ ?>
|