安培不能与自举轮播

我正在使用引导轮播，其中我已将图像标记从img更改为amp-img。我可以看到只有第一个图像被转换为放大器，但下一个图像不是。我可以在控制台中看到imgamp-tag中的第一个图像的标记，但第二个img标记不在amp-tag中。请参阅控制台的屏幕截图。安培不能与自举轮播

2017-05-08 StreetCoder

做出的jsfiddle/plunker –

我加入的jsfiddle – StreetCoder

以及这是不是旋转木马的问题，这是不同的东西，看看这个documentation AMP的，他们准确地描述必要的，以产生放大器图片什么的设置完全

<!doctype html> 
<html ⚡> 
<head> 
    <meta charset="utf-8"> 
    <link rel="canonical" href="self.html" /> 
    <meta name="viewport" content="width=device-width,minimum-scale=1"> 
    <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript> 
    <script async src="https://cdn.ampproject.org/v0.js"></script> 
    <style amp-custom> 
    h1 { 
     margin: 16px; 
    } 
    </style> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> 




    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> 
</head> 
<body> 
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> 

    <ol class="carousel-indicators"> 
     <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> 
     <li data-target="#carousel-example-generic" data-slide-to="1"></li> 
    </ol> 


    <div class="carousel-inner" role="listbox"> 
     <div class="item active"> 
      <amp-img src="http://mytonic-revamp-staging.s3.amazonaws.com/revamp/s3fs-public/Chat_adapt_English_0.png" alt="..." width="720" height="480"></amp-img> 
     </div> 
     <div class="item"> 
      <amp-img src="http://mytonic-revamp-staging.s3.amazonaws.com/revamp/s3fs-public/Keep-calm-and-fare-well-in-your-exams-New-Website-Article-Carousel_0.jpg" alt="..." width="720" height="480"></amp-img> 
     </div> 

    </div> 


    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> 
     <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> 
     <span class="sr-only">Previous</span> 
    </a> 
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> 
     <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> 
     <span class="sr-only">Next</span> 
    </a> 
</div> 
</body> 
</html>

在手机屏幕上检查出来，没有片段或小提琴可以生成图像，因为内容被阻止，你可以c赫克你给小提琴的控制台（使用最新版本的bootstrap.min.js存在的），您生成的图像快照

来源

2017-05-08 20:41:02

安培不能与自举轮播

回答

相关问题