Roland: Links bei sich wechselnden Bildern

Beitrag lesen

Hallöle,

ich wollte in meiner Website auf der linken Seite in eine Art "newsspalte" erstellen. Dabei sollen verschiedene Bilder, die sich über eine random-Funktion bei neuladen immer wieder ändern, einen kleinen Text unter ihnen haben und selber ein Link zu der Seite mit den "ausführlicheren" News sein.

Einen kleinen Code indem sich die Bilder abwechseln konnte ich noch erstellen:

Kleiner Tipp, wenn du einen unbekannten Code hast bzw. veränderst gib den Namen der funktion in Google ein.

Aber da ich ein kompletter Neuling auf dem Gebiet javascript bin und eigentlich immer nur mit html und css zu tun hatte, bräuchte ich jetzt Hilfe!

Wenn du dich mit HTML und CSS auskennst dann schau dir mal die Zeile mit dem "document.write" genauer an!

Wie schaffe ich es, dass er, wenn bspw "unbenannt.png" erscheint, dann ein kleiner Text darunter erscheint und vor allem das ganze auch als Link zu einer anderen html Datei zählt?

indem du in den gerade schon benannten Teil nicht nur einen Text reinschreibst, sindern diesem auch noch einen Link verpasst.

ganze sieht dann so aus:

[...]
  var ry=Math.floor(Math.random()*myimages.length)
  if(ry<1) ry++;
  var ry2=Math.floor(Math.random()*myimages.length)
  if(ry2<1) ry2++;
  if(ry == ry2){ry>1 ? ry2-- : ry2++;}
  //alert(ry + "|" + ry2);
  document.write('<a href="irgenndwo.htm"><img src="'+myimages[ry]+'" border="0">Hallo ich bin Bild Nummer Eins<p>')
  document.write('<a href="irgenndwo2.htm"><img src="'+myimages[ry2]+'" border="0">Hallo ich bin Bild Nummer Zwei<p>')
  document.write('<a href="irgenndwo3.htm"><img src="'+myimages[ry3]+'" border="0">Hallo ich bin Bild Nummer Drei<p>')
  document.write('<a href="irgenndwo4.htm"><img src="'+myimages[ry4]+'" border="0">Hallo ich bin Bild Nummer Vier<p>')
  document.write('<a href="irgenndwo5.htm"><img src="'+myimages[ry5]+'" border="0">Hallo ich bin Bild Nummer Fuenf<p>')
  document.write('<a href="irgenndwo6.htm"><img src="'+myimages[ry6]+'" border="0">Hallo ich bin Bild Nummer Sechs<p>')
  }
  random_imglink()
  //-->
  </SCRIPT>


>   
>   
> Grüßle  
  
  
  
Hallo noch einmal!  
  
Deine Antwort funktioniert momentan bezogen auf die Links, aber 2 Probleme ergeben sich:  
  
1\. Es werden immer 2 Bilder angezeigt, und mein Div-Container ist dafür etwas zu klein ;)  
  
2\. Die Links werden hier den Positionen, nicht den Bilder zugeteilt. An den Code soll eine Bedingung drangehangen werden, welche prüft, welches Bild gerade ausgewählt wurde, und je nachdem welches ausgewählt wurde dem Bild einen bestimmten Link zuweist.  
  
Hier nochmal der gesamte Code; kann ja sein, dass ich etwas falsch eingefügt habe :/  
  
~~~javascript
		  
<script language="JavaScript">  
  
function random_imglink(){  
var myimages = [  
	"Unbenannt.png",  
	"Unbenannt2.png",  
	"Unbenannt3.png",  
	"Unbenannt4.png",  
	"Unbenannt6.png"  
];  
  
var ry=Math.floor(Math.random()*myimages.length)  
if(ry<1) ry++;  
//alert(ry + "|" + ry2);  
document.write('<a href="irgenndwo.htm"><img src="'+myimages[ry]+'" border="0">Hallo ich bin Bild Nummer Eins<p>')  
document.write('<a href="irgenndwo2.htm"><img src="'+myimages[ry2]+'" border="0">Hallo ich bin Bild Nummer Zwei<p>')  
document.write('<a href="irgenndwo3.htm"><img src="'+myimages[ry3]+'" border="0">Hallo ich bin Bild Nummer Drei<p>')  
document.write('<a href="irgenndwo4.htm"><img src="'+myimages[ry4]+'" border="0">Hallo ich bin Bild Nummer Vier<p>')  
document.write('<a href="irgenndwo5.htm"><img src="'+myimages[ry5]+'" border="0">Hallo ich bin Bild Nummer Fuenf<p>')  
document.write('<a href="irgenndwo6.htm"><img src="'+myimages[ry6]+'" border="0">Hallo ich bin Bild Nummer Sechs<p>')  
}  
random_imglink()  
			  //-->			}		  
		</script>

Gruß Roland