2011-01-07 3 views
0

hinzufügen Grundsätzlich bin ich faul und ich möchte nur jQuery meine Bild-URLs für mich in meinem WordPress-Theme zu aktualisieren. Auf Wordpress, in der Regel haben Sie, dies zu tun:Wie WordPress theme Verzeichnis an den Anfang jedes img src w/jQuery

<img src="<?php bloginfo('template_url'); ?>/images/ect.png" alt="" /> 

Aber was ich versuche in jQuery zu tun ist, um es zu bekommen dynamisch

<img src="images 

mit

<img src="<?php bloginfo('template_url'); ?>/images/ 

I zu ersetzen möchte, dass die Blog-URL automatisch ermittelt wird. Ich möchte sie nicht manuell festlegen müssen, wenn dies sinnvoll ist. Sollte für jemanden leicht sein, der in WP bewandert ist.

Irgendwelche Ideen?

+0

, warum Sie nicht nur eine richtige IDE und verwenden Sie eine Funktion namens "Ersetzen in Dateien", es wird schwieriger mit jquery als nur ein paar Tasten drücken. –

+0

notepad ++ würde für diese Aufgabe ausreichen! – ifaour

+0

Das ist nicht der Sinn dessen, was ich versuche, aber ich könnte leicht jede URL ersetzen und das Template-Tag vor ihnen hinzufügen, aber das ist etwas, worüber ich nachgedacht habe, als einen kleinen "Wordpress-Hack" zu versuchen "Ich könnte darüber bloggen. – Jared

Antwort

0

@comment:

$('img').hide(); 

$('img').each(function(index){ 
    $(this).attr('src', 'http://your-url'+$(this).attr('src')).fadeIn('slow'); 
}); 

Sie eine beliebige Zahl verwenden können, 1000 zum Beispiel, statt 'slow' ('slow' bedeutet 600 mSeconds lang)

$(this).attr('src', 'http://your-url'+$(this).attr('src')).fadeIn(1000); 
0

Versuchen Sie, diese

$('img').each(function(index){ 
    $(this).attr('src', 'http://your-url'+$(this).attr('src')); 
}); 

http://api.jquery.com/attr/ http://api.jquery.com/each/

Beachten Sie, dass jQuery läuft auf Client, also wenn Sie PHP-Code gehen einzufügen, Es wird nicht ausgeführt. Sie können jedoch <?php bloginfo('template_url'); ?> an das Skript innerhalb von "http: // your-url" übergeben.

+0

Das funktioniert gut, ich hatte einen ähnlichen Code, den ich benutzte, aber dieser ist viel kürzer. Nur eine Beschwerde darüber, wenn ich die Seite lade zeigt es leere Bilder (wie der Link ist tot), und dann, sobald die Seite voll geladen ist, zeigt es die Bilder. Gibt es eine Möglichkeit, sie zu verstecken und sie vielleicht einzublenden, wenn sie geladen sind? – Jared