Links bei sich wechselnden Bildern

[Felix Riesterer]

Die Sache mit dem Linktext...

Stellen wir uns vor, ein solcher "News-Eintrag mit Bild" hätte diese HTML-Struktur:

<p id="news">  
    <a href="news2413.html">  
        <img src="unbenannt2413.png" alt="Bild zur News">  
        Sony wurde schon wieder gehackt!  
    </a>  
</p>

Mit CSS kann man das <p>-Element über seine ID schön gestalten, z.B. dadurch, dass man den Text zentriert und das Bild zu einem Block umgestaltet, der nach sich eine neue Zeile erzwingt. Anschließend erzwingt man, dass das Bild innerhalb des Links keinen Rahmen hat:

#news {  
    text-align: center;  
}  
  
#news img {  
    display: block;  
    margin: auto;  
}  
  
#news a img {  
    border: none;  
}

Jetzt brauchen wir insgesamt wohl drei Arrays:

var myimages = [...];  
  
var myurls = [  
    "news1.html",  
    "news2.html",  
    "news3.html",  
    "news4.html",  
    "news6.html"  
];  
  
var mynews = [  
    "Sony wurde wieder gehackt!",  
    "Wer schon immer mal ... wollte.",  
    "...(3)",  
    "...(4)",  
    "...(6)"  
];

Jetzt kann man obiges HTML entsprechend zusammenbauen:

document.write(  
    '<p id="news"><a href="' + ???? + '">' +  
    '<img src="' + myimages[ry] + '" alt="News" border=0>' +  
    '???' +  
    '</p>'  
);

Liebe Grüße,

Felix Riesterer.