What is wrong with this JavaScript code? Why won't the picture display on the HTML Page?

Paul Francis

New member
What is wrong with this code? The second function doesn't display the solvedImage on the page. I know it is something to do with the code as I have no idea about JQuery/JavaScript but I don't know what is wrong

------------------------------------------------------------------------------------------------------------

var fullPath

(function($){

$.randomImage = {
defaults: {

//you can change these defaults to your own preferences.
path: 'images/', //change this to the path of your images
myImages: ['Kumi1.jpg', 'Kumi2.jpg', 'Kumi3.jpg' ] //put image names in this bracket. ex: 'harold.jpg', 'maude.jpg', 'etc'

}
}

$.fn.extend({
randomImage:function(config) {

var config = $.extend({}, $.randomImage.defaults, config);

return this.each(function() {

var imageNames = config.myImages;

//get size of array, randomize a number from this
// use this number as the array index

var imageNamesSize = imageNames.length;

var lotteryNumber = Math.floor(Math.random()*imageNamesSize);

var winnerImage = imageNames[lotteryNumber];

var fullPath = config.path + winnerImage;


//put this image into DOM at class of randomImage
// alt tag will be image filename.
$(this).attr( {
src: fullPath,
alt: winnerImage
});


});
}

});

})(jQuery);

(function($){

$.solvedImage.attr( { src:fullPath } );

});
 
Back
Top