Stack overflow at line: 0
I am receiving the error "Stack overflow at line: 0" when viewing my first jQuery page in IE and I cannot figure out what the problem is. The code:
-
$(document).ready(function(){
//Calls the php file that builds the list of albums available
$("#albumSelect").load("album_pic_list_db.php");
$("#albumSubmit")
//On the click of the button build up a list of thumbnails
.click(function(){
//Empty the div containging all of the gallery objects
$("#galleryCont").empty();
//Create a new div to hold the large picture and a new
//unordered list to hold the thumbnails
$("<div></div>").addClass("imgView").appendTo("#galleryCont");
//This is the new gallery
$("<ul></ul>").addClass("gallery").appendTo("#galleryCont");
var albumName = $("#albumSelect").val();
//Ajax request to get the sources for the pictures in
//the selected album.
$.get(
'album_pic_list_db.php',
{ album:albumName },
function(data){
//Iterate through the XML tagged with imgsrc
$(data).find("imgsrc").each(function(){
//Put the source value into a variable
var srcVal = $(this).text();
//Create new Image object
var img = new Image();
//Place the thumbnail in the image source after the image is
//done loading.
$(img).load(function(){
$(this).attr('src', 'phpThumb.php?src='+srcVal+'&w=100&f=jpg');
})//end load
//Put a loading animated gif in the source while loading the thumbnail
.attr({
src: "images/loader.gif",
height: "75",
width: "100"})
.addClass("album")
//Click event should load the big version of the image into the main image div
.click(function(){
//Create an image object for the big image
var bigImg = new Image();
//Place change the image objects source to the big image when it is doen loading
$(bigImg).load(function(){
$(this).attr('src', 'phpThumb.php?src='+srcVal+'&w=800');
})
//put loading animation in the image until it is done loading
.attr({
src: 'images/loader.gif',
height: "600",
width: "800"
});//end load
//empty out the main image div
$("div.imgView").empty()
.append(bigImg);
});//end click
//append the new image object to a list item which is then appended to the
//gallery
$("<li></li>").append(img).appendTo("ul.gallery");
});//end each
});//end get
});//end click
});//end ready
The page url is:
http://blaszczyk.us/pictures.php