CSS und JQuery: Leerzeichen im Bildnamen break-code der url()

Ich eine Seite haben soll, zur Anzeige einer größeren version des Bildes, wenn Sie mit der Maus auf eine Miniaturansicht.

Habe ich ein " div " mit der ID und der JQuery-code ist wie folgt:

$(document).ready(function(){

  $('img').hover(function() {

    var src = $("#im" + this.id).attr("src");
    $('#viewlarge').css('backgroundImage','url(' + src +')'); 
    return false;
  });

});

Die Bilder, die ich verwenden, generiert von einem Ruby-Skript, dass "erzeugen" ein Bild mit einem ähnlichen, aber mit unterschiedlichen id. Manchmal jedoch, Fotos werden hochgeladen, die "Räume" im Innern. Meine Entwickler-tools sagen mir, dass das background-image ist nicht richtig eingestellt, doch das Bild Pfad korrekt ist, und die browser haben keine Probleme mit dem Bild.

Meine Frage ist, kann ich das irgendwie bereinigen, die url 'src', also Leerzeichen kein problem sein? Ich bin mir bewusst, dies zu tun, server-Seite, doch ich würde gerne wissen, wie man dies mit JQuery/JS auch.

Dank!

InformationsquelleAutor Shyam | 2010-05-18

Schreibe einen Kommentar