[SquareRoot22]

I need a second set of eyes on this one here is a url and the code:
http://theimpactgrou...prototype6.html

$(function() {
    thumbnails = ['images/image1.png', 'images/image2.png', 'images/image3.png', 'images/image4.png', 'images/image5.png', 'images/image6.png', 'images/image7.png', 'images/image8.png']
        $('#images img').click(function(e) {
            e.preventDefault();
            var newImage = $('<img src="' + thumbnails.filename + '"/>');
            var dragdiv = $('<div class="draggable">' + newImage.value + '</div>');
            $('#imageBox').append(dragdiv);
            $('.draggable').draggable({
                scroll: false,
                containment: '#imageBox'
            });
            $('.draggable img').resizable({
                handles: "all"
        });
});

This post has been edited by andrewsw: 05 April 2014 - 09:53 AM
Reason for edit:: Fixed code tags

[andrewsw]

Your array thumbnails doesn't have a filename property, nor does newImage have a value property - so it is undefined.

You could use jQuery index() to find the number of which element was clicked, and use this value to return the filename from your array, thumbnails[x].

Probably..

var ind = $('#images img').index(this);

This post has been edited by andrewsw: 05 April 2014 - 09:59 AM

[SquareRoot22]

andrewsw, on 05 April 2014 - 10:01 AM, said:

Your array thumbnails doesn't have a filename property, nor does newImage have a value property - so it is undefined.

You could use jQuery index() to find the number of which element was clicked, and use this value to return the filename from your array, thumbnails[x].

Probably..

var ind = $('#images img').index(this);

[laytonsdad]

Do you have another question?