Test ponad obrazkiem

Question

Witam

Mam div'a którym zmieniam zawartość w js (.innerHTML=plik;) a ten plik to slider. Próbuje dać tekst na zdjęcie tak gdy jest pierwsze zdjęcie to jest inny napis a jak drugie to również inne. Problem polega na tym że <p> zawsze pojawia mi się pod tekstem. Bawiłem się w ustawianie Position: absolute, relative itd. Wie ktoś co z tym fantem zrobić aby <p> było na img?

Comments

Daj swój kod

---

function zmienslajdy()
{
numer++; if (numer>2) numer=1;
var plik = "<img src=\"slajdy/slajd" + numer +".png\"/>";

document.getElementById("zdjecie").innerHTML=plik;

setTimeout("zmienslajdy()", 5000);
}
Podmianka div ^
To ma podmienić
<section >

<div id="zdjecie">
<p></p>
</div>


<div id="info"><h1 style="text-align:center;font-size:80px;"><br/>NAJNOWSZE RECENZJE</h1></div>
</section>

 

---

Spróbuj dać dla div#zdjecie pozycje relatywną i display na inline-block, a dla p w tym divie ustaw pozycję absolutną + jeśli chcesz wyśrodkować to np.:

top: 50%;
left: 50%;
transform: translate(-50%, -50%);

 

Answer 1

Witam. innerHTML ustawia lub pobiera zbiór zawartych w danym elemencie znaczników razem z ich treścią. Więc usuwa twój znacznik <p>. Powinieneś go umieścić poza id=zdjecie lub dodawac go razem z img