Wrap Bild innerhalb div mit anderen divs

Es ist ein Bild vom Server kommen:Wrap Bild innerhalb div mit anderen divs

<div class="storyDetail"> 
<img src="img/photo.jpg" height="180" width="300" style="float:left;"> 
</div>

Jetzt möchte ich, wie dies durch Javascript, um das Bild zu ändern, wenn Seite geladen wird:

<div class="storyDetail"> 
<div class="insta-gallery"> 
    <a href="img/photo.jpg" class="tt-lightbox"> 
    <img src="img/photo.jpg" height="180" width="300" style="float:left;"/> 
    </a> 
</div> 
</div>

ich versucht habe, Durch Javascript bekomme ich aber nichts, da ich mit Javascript nicht fimilier bin!

Quelle

2017-12-27 GermanCoder

hinzuzufügen, was Sie bisher versucht haben? –

Ich entferne einfach alles :(da ich dazu gekommen bin! – GermanCoder

Hast du den Fehler gemacht, den du gerade korrigiert hast (Höhe) nur in diesem Beitrag? Ich würde sagen, du hast den Code kopiert und der Fehler existiert auch dort drin –

Ich habe gerade die Antwort mit Hilfe von MR. @ Sinisake bekommen.

<!-- Getting Image 'Src' --> 
var storyDetailImageSrc= $('.storyDetail').find('img').attr('src'); 

<!-- Wrapping image with required div(s) --> 
$('.storyDetail img').wrap('<a href="'+storyDetailImageSrc+'" class="tt-lightbox">'); 
$('.tt-lightbox').wrap('<div class="insta-gallery">');

Quelle

2017-12-27 00:34:24 GermanCoder

Um den Text zu ändern:

eine ID zu Ihrem div hinzufügen:

<div class="storyDetail" id="storyDetail01">

eine Funktion definieren:

function changeText { 
document.getElementById("storyDetail01").innerHTML = 
' <div class="insta-gallery"> 
    <a href="img/photo.jpg" class="tt-lightbox"> 
    <img src="img/photo.jpg" height="180" width="300" style="float:left;"/> 
    </a> 
</div>'; 
return false; }

Platzieren Sie diese Funktion dort, wo Sie Javascript beim Laden Ihrer Seite ausführen.

Wenn nicht sicher, was Sie zu diesem Zweck zu tun, aber die einfachste -und dirtiest-, ist eine scirpt am unteren Rand des html

<body> -> that's your html page body 
--- code code... 

    <script type="text/javascript"> 
     changeText(); 
    </script> 
</body>

Quelle

2017-12-27 00:37:03 SnippetCutAndPaste

Wrap Bild innerhalb div mit anderen divs

Antwort

Verwandte Themen