Mam div z klasą "userFeatureProductImage". ten div powtarza się, ale od czasu do czasu może dojść do zerwania obrazu, więc chcę ukryć div jako środek ostrożności, jeśli tak się stanie. jak mogę to zrobić?jquery/javascript - ukryj div, jeśli zawiera obraz jest uszkodzony
Impreza obciążenie jest zwolniony tylko wtedy, gdy obraz jest poprawny:
$('.userFeatureProductImage').hide();
$('.userFeatureProductImage img').load(function() {
$(this).closest('.userFeatureProductImage').show();
});
Użyj zdarzenie error która jest wywoływana, gdy wystąpi błąd z obrazka:
$(".userFeatureProductImage img").error(function(){
$(this).parent().hide();
});
Przykład: http://jsfiddle.net/jonathon/vWwpc/
Możesz spróbować czegoś takiego:
<script type="text/javascript"
src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
function hideBrokenImage(id) {
$(id.+"userFeatureProductImage").hide();
}
</script>
<div id="imageFilename" class="userFeatureProductImage">
<img src="imageFilename.gif" onerror="hideBrokenImage(imageFilename);" />
</div>
Gdzie imageFilename jest oczywiście dynamicznie tworzony.
To nie wydaje się działać dla mnie ... http://jsfiddle.net/UzEKZ/1/; Dokumentacja sprawia, że brzmi tak, jakby ukrywała tylko ikonę uszkodzonego obrazu dla użytkowników IE. – Yahel
Cześć to nie działa również dla mnie. tylko zastanawiasz się, czy to po prostu ukryć obraz zamiast div rodziców? –
cześć, do pracy, $ (". UserFeatureProductImage img"). Error (function() { $ (this) .parent(). Hide(); }); –