S
S
Super Star2017-09-04 23:02:40
Owl Carousel
Super Star, 2017-09-04 23:02:40

OWL Carousel not working?

To be honest, I wavered. All styles and scripts are connected, but it stubbornly does not want to work. Who faced help!!!

<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}));
});

Answer the question

In order to leave comments, you need to log in

1 answer(s)
E
Exploding, 2017-09-04
@3dben

This is?)
aeb16dc3204e4606a025384c09e990c0.jpg

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question