JQuery.attr () Internet Explorer crashes

Question

This is my first question when I ask a question, because I usually try to find solutions on my own. This, however, is an IE problem, just driving me crazy.

I use the jQuery loop plugin on the website I created, and to populate the caption div, I use a small function that is called after the image is loaded, which uses the "alt" attribute of the image. This seems to annoy Internet Explorer, which does not have time to complete this apparently complex task, and, like slideshow loops, it enters into an endless loop and eventually crashes - the higher the version, the worse the crash: older IEs simply display an error message: "Webpage cannot be displayed", and newer ones (7 and 8) completely destroy the system.

I have no idea how to solve or get around this. Here is the problematic code.

function changeCaption() {
    var caption = $("img", this).attr("alt");
    $('#caption').fadeIn("slow").html(caption);
}

Thank you in advance for any pointer: I am amazed that something so simple and universally recognized (I have not encountered any other browser that had a problem with this) can cause a big problem. I also read somewhere that the ability to remotely delete a browser is a serious problem :)

Answer 1

<div id="slideShow_container">
    <!-- Place your slideshow stuff here -->
    <img id="myImage" alt="crap"  .../>
</div>

Then use the following to select an image:

var s = $("#slideShow_container");

var caption = $("img", s).eq(0).attr("alt");  //selects first matched image

OR

var captions = [];
$("img", s).each(function(){
   captions.push($(this).attr("alt")); //array of captions
})

OR

var caption = $("#myImg", s),attr("alt");  //has to work for an explicit id

Answer 2

, $( "img", ) . "img" . 'this' . - , jQuery. DOM, jQuery. :

<div id="slideShow">

    <!-- put your slide show here -->

</div>

:

var slideShow = $("#slideShow");
var caption = $("img", slideShow);

, ( firebug) . , , (). , .

Answer 3

, , ,

function changeCaption() {
    $('#caption').fadeIn("slow").html(this.getElementsByTagName('img')[0].alt);
}

, , img, this