[Résolu] Appel d'image dans la page et positionnement aléatoire?

var cadre = $('#cadre'),
    bigLetter = $('#big-letter');

//génération des puces
for(var i = 65; i <= 90; i++){
    var letterChar = String.fromCharCode(i),
        letter = $('<a>').addClass('letter-' + letterChar).attr('data-letter', letterChar);

    cadre.append(letter);

}

//on attache l'événement sur les puces
$('[class^="letter-"]').on('click', function(){

    //on "switche" la classe css
    $(this).toggleClass('active');

    //appel de la méthode placant (ou supprimant une lettre)
    //on faisant passer $(this) pour retrouver cete instance comme this dans la fonction
    manageLetter.call($(this));

});

function manageLetter(){

    var char = this.attr('data-letter');
    var bigLetterElement = $('#bigletter-' + char);
    if(bigLetterElement.length > 0){
        bigLetterElement.remove();
    }else{
        var newBigLetterElement = $('<span>')
            .attr('id','bigletter-' + char)
            .text(char)
            .hide();
        bigLetter.append(newBigLetterElement);

        var position = randomPosition(newBigLetterElement);
        newBigLetterElement.css({top:position.top + 'px',left:position.left + 'px'}).show();

    }
}

function randomPosition(elem){
    //définition des limites du container
    var minLeft = 0,
        maxLeft = bigLetter.width() - elem.width(),
        minTop = 0,
        maxTop = bigLetter.height() - elem.height();

    //défini aléatoirement un top et un left dans une intervalle
    var left = (Math.random() * (maxLeft - minLeft)) + minLeft,
        top = (Math.random() * (maxTop - minTop)) + minTop;

    return {left:left,top:top};

}