Wie Sie ein Bild einfügen in eine html durch JQuery?

Hier ist die situation. Ich habe ein standard-link, etwa so:

<h2><a href="#">Link Title</a></h2>

Nun möchte ich einen hintergrund einfügen, um es so Aussehen wie ein button, also habe ich noch ein span mit JQuery-wie so:

$(document).ready(function()
{
      $(".post a").wrapInner("<span></span>");
});

(Der html-Code für den link kann hier gefunden werden, http://flickrental.co.uk/ - Durch die Art und Weise, dies ist nicht der Ort, nur der code für den link)

Kann ich jetzt verwandeln Sie den link in ein schöneres "button" und ich bin ganz glücklich... Aber ich hatte einen anderen Gedanken, was ist, Wenn ich hinzufügen könnte, ein kleiner Pfeil Bild im link (rechts neben dem text) (Diese Seite ist eine Partner-Website und der button sollte die Erhöhung der CTR sowie den Pfeil-Bild)

Aber ich kann nicht scheinen, um herauszufinden, die richtige syntax, dies zu tun.

Irgendwelche Ideen?

InformationsquelleAutor Keith Donegan | 2009-03-06
  1. 4

    Sollten Sie wahrscheinlich fügen Sie den Pfeil mit css. Gegeben ein 10 pixel breiter Pfeil:

    .post a {
    padding-right: 10px;
    background: url(arrow.png) no-repeat right 50%;
}

    Aber wenn man schon das hintergrund-Bild für etwas anderes, können Sie das Bild mit jquery:

    $("<img src='arrow.png'/>").prependTo(".post a");

    Ich nehme an, aus Ihrer Frage, dass Sie keinen Zugriff haben, ändern Sie den HTML-Code direkt. Ansonsten wäre das wohl die beste Lösung sein.

    • Genau, die Seite hat ein paar hundert links und die Aktualisierung jeder wäre ganz tedoius, versuchen Sie Ihre Lösung jetzt
    • Sehr geschätzt!
    InformationsquelleAutor Magnar
Schreibe einen Kommentar