J'essaye de changer les derniers caractères d'une image src. J'ai essayé de suivre la route php et cela ne fonctionne pas vraiment à cause de la configuration de mon plugin de fil d'actualité.

Actuellement, c'est mon modèle de flux

<div class="hungryfeed_item col-md-4 col-sm-4 content-box-col">
    <div class="content-box-sub">
        <div class="content-box-img-block">
            <a href="{{permalink}}"><img src="{{enclosure}}" alt="" class="img-responsive" /></a>
        </div>
        <label><a href="{{permalink}}">{{title}}</a></label>
        <p>{{description}}
        <p>
    </div>
</div>

Lorsque {{enclosure}} entre l'url d'img, il prend une miniature, qui est malheureusement 70x50. Cependant, la source d'information télécharge une version 762x428 qui serait beaucoup plus adéquate pour mes besoins.

Par exemple

miniature: rtx1k5pv-1-70x50.jpg

pleine résolution: rtx1k5pv-1-762x428.jpg

Est-il possible avec javascript de modifier les 5 derniers caractères (70x50) et de les remplacer par 762x428 ?

0
James Lawson 13 juil. 2015 à 18:14

2 réponses

Meilleure réponse

Oui, utilisez simplement replace():

var text = "rtx1k5pv-1-70x50.jpg";
text = text.replace("70x50","762x428");

// text changed to: "rtx1k5pv-1-762x428.jpg"
2
Spencer Wieczorek 13 juil. 2015 à 15:26

Vous pouvez utiliser des expressions régulières pour cela:

fullRes = "rtx1k5pv-1-70x50.jpg".replace(/[0-9]+x[0-9]+/, '762x428')
1
leo.fcx 13 juil. 2015 à 15:18