@3dben

Не работает OWL Carousel?

Честно говоря замахался. Все стили и скрипты подключены, но оно упорно не хочет работать. Кто сталкивался помогите!!!
<div class="row">
			<div class="col-lg-12">
				<div class="testimonials_carousel">
					<div class="testimonials_media">
					<div class="testimonials_object">
						<div class="testimonials_photo gradient_red">
							<img src="img/client-1.jpg" alt="" class="testimonials_image">
						</div>
					</div>
					<div class="testimonials_object middle">
						<div class="testimonials_text line_red">
							<p class="testimonials_contant">Deployment ownership non-disclosure agreement vesting period crowdfunding success influencer partnership equity series A financing network effects user experience crowdsource. Burn rate stock bootstrapping direct mailing release client traction creative facebook monetization crowdfunding rockstar.</p>
							<p class="testimonials_signature">John</p>
							<p class="testimonials_author">John Albrecht</p>
							<p class="testimonials_tags">Founder, TingTong</p>
						</div>
					</div>
				</div>
					<div class="testimonials_media">
						<div class="testimonials_object">
							<div class="testimonials_photo gradient_green">
								<img src="img/client-2.jpg" alt="" class="testimonials_image">
							</div>
						</div>
						<div class="testimonials_object middle">
							<div class="testimonials_text line_green">
								<p class="testimonials_contant">Deployment ownership non-disclosure agreement vesting.</p>
								<p class="testimonials_signature">Alex</p>
								<p class="testimonials_author">Alex Albrecht</p>
								<p class="testimonials_tags">Founder, TingTong</p>
							</div>
						</div>
					</div>
					<div class="testimonials_media">
						<div class="testimonials_object">
							<div class="testimonials_photo gradient_purple">
								<img src="img/client-3.jpg" alt="" class="testimonials_image">
							</div>
						</div>
						<div class="testimonials_object middle">
							<div class="testimonials_text line_purple">
								<p class="testimonials_contant">Deployment ownership non-disclosure agreement vesting period crowdfunding success influencer partnership equity series. </p>
								<p class="testimonials_signature">Melina</p>
								<p class="testimonials_author">Melina Albrecht</p>
								<p class="testimonials_tags">Founder, TingTong</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>


.testimonials
	min-height: 874px
	background-image: url(../img/testimonials-bg.jpg)
	background-repeat: no-repeat
	background-size: cover
	&_photo
		width: 384px
		height: 399px
		position: relative
		&:after
			top: 0
			left: 0
			right: 0
			bottom: 0
			position: absolute
			content: ''
	&_image
		outline: .66667rem solid rgba(0,0,0,.2)
		outline-offset: -.66667rem
		box-sizing: border-box
	&_text
		background-color: $white
		padding: 41px 55px 39px 76px
		position: relative
		&:after
			left: 0
			right: 0
			bottom: 0
			position: absolute
			content: ''
			height: 3px
	&_object
		display: table-cell
	&_contant
		font-size: 15px
		color: $dark_2
		font-family: "poppins-regular",sans-serif
	&_signature
		font-size: 40px
		margin: 0
		font-family: "Sacramento-Regular"
	&_author
		font-size: 18px
		color: $dark_1
		margin: 0
	&_tags
		font-size: 13px
		color: $red
		margin: 0

.middle
	vertical-align: middle


$('.testimonials_carousel').owlCarousel({
        items: 1,
    });


gulp.task('js', ['common-js'], function() {
	return gulp.src([
		'app/libs/jquery/dist/jquery.min.js',
		'app/libs/owl.carousel/dist/owl.carousel.min.js',
		'app/js/common.min.js' // Всегда в конце
		])
	.pipe(concat('scripts.min.js'))
	// .pipe(uglify()) // Минимизировать весь js (на выбор)
	.pipe(gulp.dest('app/js'))
	.pipe(browserSync.reload({stream: true}));
});
  • Вопрос задан
  • 476 просмотров
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы