小编abc*_*213的帖子

我目前正在使用猫头鹰旋转木马,我想知道是否有办法调整图像大小,以便每个图像的高度一致.我正在使用这个插件来显示我的摄影,我同时拥有横向和纵向尺寸.我尝试在JS中使用autoWidth但它使我的肖像图像太大而我的风景图像太短,我如何让所有图像都有一个设定的高度？我尝试调整CSS,但风景图像似乎在下一个图像的后面,并没有显示整个宽度.看起来有一个设定的宽度,当我调整宽度时,图像就会被拉伸.我在旋转木马上有19件物品.还尝试调整JS的响应部分中的项目,当我将其调整为两个项目时,景观图像是正确的比例,但是肖像图像最终被拉伸.有关如何修复的任何想法？

这是我用过的CSS代码:

    #demos img{
    display: inline-block; 
    max-width: auto;  
    height: 500px!important; 
    margin-bottom: 30px;
  }

使用Javascript:

 $(document).ready(function() {
    $('.owl-carousel').owlCarousel({
      loop: true,
      margin: 0,
      responsiveClass: true,
      responsive: {
        0: {
          items: 1,
          nav: true
        },
        600: {
          items: 3,
          nav: false
        },
        1000: {
          items: 5,
          nav: true,
          loop: true,
          margin: 0
        }
      }
    })
  })

现在我的代码如下所示：

function drawChart() {

     var data = new google.visualization.DataTable();
      data.addColumn('string', 'Year');
      data.addColumn('number', 'Revenue');

      data.addRows([
        ['', 0],
        ['2008', 123],
        ['2010', 213],
        ['2012', 654]
      ]);

    var options = {
      hAxis: {textStyle:{color: '#FFF'}},  
      vAxis: { baseline:0, baselineColor: '#FFF', gridlineColor: '#FFF',  textStyle:{color: '#FFF'} },
      backgroundColor: 'transparent',
      legend: { position: 'none' },
      colors: ['#FFF'],
      textStyle:{color: '#FFF'},
      pointSize: 10,
      series: {
            0: { pointShape: 'star'}
        },
      animation: {startup: true, duration: 5000, easing: 'linear',}

    };



    var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));

chart.draw(data, options);
  }

我想要的是我的动画逐步显示每一行。我该怎么做呢？

任何帮助将不胜感激。