✔ Bild analog zur aufgerufenen Seite im iFrame ändern

[Kebo]

Hallo, möchte bei meiner Seite das Bild ändern sobald man auf News klickt, dann sollte da wo Home steht News stehen. -> http://www.kebo-gfx.net/yourts

Also das Bild: http://kebo-gfx.net/yourts/images/images_19.jpg soll sich ändern sobald man auf News klickt in das Bild: http://kebo-gfx.bplaced.net/yourts/images/news_19.jpg
oder wenn man auf tsserver klickt halt in tsserver: http://kebo-gfx.bplaced.net/yourts/images/tsserver_19.jpg

Kann mir jemand helfen? Wäre echt dankbar

mfg

 

[weedo]

Hi,

du musst deinem Iframe und dem Bild eine Id geben und diese dann mittels Javascript ansprechen. Das könnte dann so Aussehen:

<script type="text/javascript">
  function changePic() {
    if(!document.all) {
      fenster = document.getElementById('frame').contentDocument.getElementById('pic').src = "bild.gif";
    } else {
      fenster = frame.document.getElementById('pic').src = "bild.gif";
    }
  }
</script>
<a href="#" onclick="changePic()">klick</a><br><br>
<iframe id="frame" src="test.html"></iframe>

lg weedo

 

[Maik]

Hi,

Javascript ist da nicht vonnöten

Hierfür muß lediglich analog zur CSS-Formatierung der Startseite "home.htm" im Stylesheet-Bereich <style>...</style> der übrigen Seiten das gewünschte Hintergrundbild definiert werden - beispielsweise für "news.htm":

body {
	background-image: url(images/news_19.jpg);
	background-repeat: no-repeat;
	background-attachment:fixed;
}

mfg Maik