wie fügen Sie die variable in der img src-html-tag

<script>
var domain_name="www.abc.com"
</script>

<div id="tp_otherinfo" style="top: 558px;">
    <div class="cls_footerImg" id="divFooterMainqqqq">
        <div id="footerimgDiv1">
            <img src=domain_name+"/images/place1a.svg"><span id="id_places" class="clsFooterHead">1 Places</span></div>
        <div class="footerimgDiv2">
            <img src=domain_name+"/images/calendara.svg"><span id="id_days" class="clsFooterHead">3 Days</span></div>
        <div class="footerimgDiv2">
            <img src=domain_name+"/images/photos1a.svg"><span id="id_photos" class="clsFooterHead">8 Photos</span></div>
        <div class="footerimgDiv2">
            <img src=domain_name+"/images/reviews1a.svg"><span id="id_review" class="clsFooterHead">7 Reviews</span></div>
        <div class="footerimgDiv2">
            <img src=domain_name+"/images/timea.svg"><span id="id_date" class="clsFooterHead">6th February 2014</span></div>
    </div>
</div>

Möchte ich noch hinzufügen einer Variablen in img-src.
Ich habe viele img src wie diese ..ich kann nicht halten Sie auf ändern der Domäne ändern, so dass ich wollte, um eine variable hinzuzufügen, die anstelle der relative Pfad für das Bild

  • Verwenden Sie Daten attripute
  • Sind Sie mit java? Welches framework?
  • Asp .net framework
  • Sie können hinzufügen, aber mit php-code
InformationsquelleAutor Vaibs_Cool | 2014-07-28
  1. 2

    Können Sie unten arbeiten, um zu ersetzen Sie Ihre domain_name für die src-Attribute.

    Erste richtige markup und setzen src Wert mit domain_name in doppelte Anführungszeichen, wie unten 

    <img src="domain_name/images/place1a.svg">

    JQuery verwenden, um zu ersetzen Sie alle domain_name mit variable-Wert - 

    <script>
var domain_name="www.abc.com"

    $(function(){
       $('#tp_otherinfo').find('img').each(function(){
           var srcpath = $(this).attr('src');
           srcpath = srcpath.replace('domain_name',domain_name);
           $(this).attr('src',srcpath);
       });
    });
</script>
    • ok, ich werde versuchen, diese ..
    • habe ich versucht aber funktioniert nicht für alle image-tags .. undefined ersetzen jquery-Fehler auftreten
    • Ich habe diesen code für das Bild nur innerhalb eines div 'tp_otherinfo', wenn Sie möchten, dass alle Bilder dann ersetzen $('#tp_otherinfo').find('img').each durch $('img').each
    • ich habe versucht, wie tat nur für alle die anderen Bilder aber Ihre mir, dass Fehler.. ersetzen undefined]
    • sind alle Bilder mit src-Attribut im Ort? Es ist besser, wenn Sie teilen können jsfiddle mit gleichen html-code wie Sie haben, so dass ich Ihnen helfen kann.
    InformationsquelleAutor Bhushan Kawadkar
  2. 2

    Wenn Sie mit Razor-Engine können Sie schreiben es so:

    @{ string domain_name = "www.abc.com"; }

    ....

    <img src="@domain_name/images/etc."
    InformationsquelleAutor Garik
  3. -2

    Hier ist für die php-Sprache. Sie können schreiben Sie Ihre div-Element in html ein, und im img-tag Ort wie diesem.

     <?php echo "http://" . $_SERVER['SERVER_NAME'] ."and here you add your image.png or whatever" ?>
    InformationsquelleAutor pepper
  4. -2

    versuchen Sie dies :

    <script>
    //have an array with all the domains
var domain_names = ["domain1.com", "domain2.com", "domain3.com", "domain4.com", "domain5.com", "domain6.com", "domain7.com"];
//now set them
$(document).ready(function () {
    var i = 0;
    $("#tp_otherinfo img").each(function () {
        var src = $(this).attr('src');
        src = domain_names[i] + src;
        $(this).attr('src', src);
        i++;
    });
});
</script>

<div id="tp_otherinfo" style="top: 558px;">
    <div class="cls_footerImg" id="divFooterMainqqqq">
        <div id="footerimgDiv1">
            <img src="/images/place1a.svg"><span id="id_places" class="clsFooterHead">1 Places</span>
        </div>
        <div class="footerimgDiv2">
            <img src="/images/calendara.svg"><span id="id_days" class="clsFooterHead">3 Days</span>
        </div>
        <div class="footerimgDiv2">
            <img src="/images/photos1a.svg"><span id="id_photos" class="clsFooterHead">8 Photos</span>
        </div>
        <div class="footerimgDiv2">
            <img src="/images/reviews1a.svg"><span id="id_review" class="clsFooterHead">7 Reviews</span>
        </div>
        <div class="footerimgDiv2">
            <img src="/images/timea.svg"><span id="id_date" class="clsFooterHead">6th February 2014</span>
        </div>
    </div>
</div>
    InformationsquelleAutor Youness
Schreibe einen Kommentar