Avatar billede karl_b Nybegynder
15. september 2008 - 14:10 Der er 2 kommentarer og
1 løsning

billede og tekst skiftet random

Kære alle,

jeg vil gerne skifte noget tekst og et billed ud random. Tekst og billede skal dog høre sammen, forstået på den måde, at tekst A og billede A hører sammen og skal vises sammen, ligesom tekst B og billed B skal vises sammen og så fremdeles.

Jeg har hidtil brugt dette script til bare at skifte teksten, og det kører som smurt:

"<script language="JavaScript">
<!--
var r_text = new Array ();
r_text[0] = "Denmark leads the world when it comes to level of income taxation";
r_text[1] = "in Singapore, standard business attire is quite formal but can be tailored to suit Singapore's hot, tropical clima";
r_text[2] = "The population in Singapore is 4,553,009";
var i = Math.round(2*Math.random());

document.write(r_text[i]);
//-->
</script>"

Og nu hvor jeg er i gang. Jeg vil gerne have det placeret ind så billedet kommer ind i "sideimage" mens teksten kommer ind i "Quote" (se herunder). Alle forslag modtages med kyshånd.
Tak og buk


" <div id="div-right">
      <div id="sideimage"><img src="_img/hindu-man.jpg" alt="top image" width="198" height="294" /></div>
      <div id="sidetext">
        <div id="quote">One of the main pieces of feedback we get from employees is how pleased they are that they speak to the same people, week after month after year.</div>
        <div id="heading"><span class="darker">Hints &amp; Tips</span></div>
      </div>
    </div>"
Avatar billede w13 Novice
15. september 2008 - 15:13 #1
F.eks. sådan her:

<div id="div-right">
    <div id="sideimage"><img alt="top image" width="198" height="294" /></div>
    <div id="sidetext">
        <div id="quote">&nbsp;</div>
        <div id="heading"><span class="darker">Hints &amp; Tips</span></div>
    </div>
</div>

<script type="text/javascript">
var r_text = [], r_img = [];

r_text[0] = "Denmark leads the world when it comes to level of income taxation";
r_text[1] = "in Singapore, standard business attire is quite formal but can be tailored to suit Singapore's hot, tropical clima";
r_text[2] = "The population in Singapore is 4,553,009";

r_img[0] = "billed1.jpg";
r_img[1] = "billed2.jpg";
r_img[2] = "billed3.jpg";

var i = Math.round(2*Math.random());

document.getElementById("quote").firstChild.nodeValue=r_text[i];
document.getElementById("sideimage").getElementsByTagName("img")[0].setAttribute("src",r_img[i]);
</script>
Avatar billede w13 Novice
15. september 2008 - 15:14 #2
Bemærk at jeg ikke bruger document.write, som er forældet.

Jeg fanger i stedet elementerne med getElementById() og getElementsByTagName() og kan derefter ændre de egenskaber, jeg har lyst til. F.eks. ændrer jeg med firstChild.nodeValue på "&nbsp;", som står i quote-div'en.
Avatar billede w13 Novice
15. september 2008 - 20:06 #3
Tak for point! :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester