安培不能與自舉輪播

我正在使用引導輪播，其中我已將圖像標記從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

安培不能與自舉輪播

回答

相關問題