圖片「alt」或「title」屬性未顯示。出現空白白色

我已在瀏覽器設置中禁用圖像選項並呈現圖像。在初始加載時，圖像不顯示「alt」或「title」屬性，並顯示空的白色。圖片「alt」或「title」屬性未顯示。出現空白白色

ctrl + R後，它在瀏覽器中顯示圖像替換或標題文本。

<img alt="I am here" src="test.png">

如果我清空「src」標記，那麼它看起來是正確的。

另外，有什麼辦法從JavaScript中扣除圖像設置？

如何解決頁面加載圖像「alt/title」顯示問題？

來源

2016-08-25 user1764882

在加載圖像之前，不能可靠地顯示替代文字。如果您想在加載圖像之前顯示文本，則應考慮使用基於JavaScript的解決方案。接受的答案here顯示了一個很好的方法來做到這一點。 Alt和Title用於不同的目的。標題是當用戶將鼠標懸停在圖像上時顯示的文本。

關於第二個問題 - 扣除圖像設置是什麼意思？我看到你所標記的後AngularJS - 所以如果你有對象的數組在控制器中，像這樣：

var controller = function($scope) { 
    $scope.image = { 
     src: "img.png", 
     txt: "Text here" 
    }; 
} 

var app = angular.module('myApp'); 
var module = app.controller('Controller', controller);

您就可以訪問這些數據在您看來，像這樣：

<body ng-app="myApp" ng-controller="Controller"> 
    <div id="image-placeholder">{{images[0].txt}}</div> 
    <!-- from the other post --> 
    <script> 
     new Image('{{image.src}}'); // preloads the image 
     var placeholder= document.getElementById('image-placeholder'); 
     placeholder.innerHTML = '<img src={{image.src}} alt="' + placeholder.innerHTML + '">'; 
    </script> 
</body>

這段代碼將成爲指令的一個很好的候選者，但也可以按原樣使用。

來源

2016-08-25 17:53:27

謝謝。我想這個修補程序對於考慮應用程序中的所有圖像來說太昂貴了。有沒有什麼可以通過img指令實現角度來實現？ – user1764882

@ user1764882我不認爲這會太昂貴的使用。你可以創建一個角度指令來很容易地做到這一點。我現在不適合爲你寫一個。一旦加載角度，標準圖像指令（'ng-src'）就會獲取源代碼。我會認爲這不會有幫助。但是你可以很容易地將上面的代碼片段變成一個指令。 –

圖片「alt」或「title」屬性未顯示。出現空白白色

回答

相關問題