Bilder austauschen

[atmichael]

Hallo,

ich möchte gerne auf einer Seite Bilder in der Weise anzeigen, dass wenn mann auf einer Liste von Links einen Link klickt ein Bild erscheint, klicjkt man den nächsten Link erscheint an der gleichen Stelle ein anderes Bild.

Ich weiß, eine primitive Anforderung, aber es gibt so viele Lösungsansätze, dass ich den Wald vor Bäumen nicht sehe.
Ich suche eine möglichst einfache Lösung, da ich kein Spezialist bin.
Die Liste der Links habe ich in einer Tabellenspalkte, das jeweilige Bild sollte in der zweiten Spalte erscheinen.

Habt Ihr bitte einen Tip für mich?

Danke!

Michael

 

[Taris]

Wenn du Dreamweaver 8 benutzt kannst du dass auch anders machen! Da gibt es Vorlagen, dass du einfach nur noch das Bild einfügen musst und dann den Link zur nächsten HTML Seite machen musst. Du musst dann alle Seiten einzelnd speichern etc., dass ist der Nachteil. Sonst kannst du dass aber auch mit PHP machen, wenn du im PHP Forum einen Thread machst hilft dir bestimmt jemand. Dieses Forum ist dafür falsch.

Gruß
Taris

 

[Alti]

Move: Javascript (Alti)

Ich denke mal hier passt es besser.

 

[matibaski]

Move to PHP. ;)
Mit PHP viel einfacher:

<img src="<?php $_GET['bild']; ?>" alt="" />

Dann einfach Links erstellen. So:

<a href="seite.php?bild=pfad/zum/bild.jpg">Bild 1</a>
<!--Usw...-->

MfG, matibaski

 

[Alti]

Achso, ich dachte es geht ums Hovern...
Wenn es ums klicken geht, kann man es auch einfach mit HTML lösen...

Dein PHP-Code ist btw falsch, da muss noch ein echo hin.

 

[matibaski]

Hab's wohl übersehen.
;)
In dem Fall so:

<img src="<?php echo $_GET['bild']; ?>" alt="" />

Hab mal von 'ner Abkürzung gehört. So etwa (bin aber nicht sicher)

<img src="<?=$_GET['bild'];?>

MfG, matibaski

 

[rockaneLLa*]

Oh super, das nenn' ich mal 'nen tollen Start!
Kaum hier angemeldet, schon find' ich genau das wonach ich suche ... herrlich. :twisted:

Hab' aber noch ein paar kleine Fragen, ganz allgemein und zum Verständnis - vll. erbarmt sich ja mal jemand und kann sich aufraffen mir das kurz zu erklären.

Hier mal ein Screenshot von dem Seitchen, das ich momentan plane (ja, richtig - plane. Alles ist gerade noch ganz frisch und am Anfang, aber ich hab' eben schon genauere Vorstellungen und möchte auch erst mal in Ruhe gucken ob das alles überhaupt so klappt wie ich's mir ausmale). Oben links seht ihr das markierte Feld, da soll sich immer ein ganz neues Bild öffnen, wenn man links irgendeine Unterseite einer Kategorie anklickt (fast jede Unterseite würde ein spezielles Bild haben; beispielsweise die Person, um die es sich auf der ganzen Seite dreht, mit Zeitung in der Hand - das wäre für News, oder mit Laptop -> Forum/Gästebuch, ... solche Sachen).

Wie mach' ich das nun am besten? Soll ich da ein IFrame einsetzen, wäre das am klügsten/einfachsten? Ich versteh' nämlich nicht, wo/wie ich dann das

<img src="<?php $_GET['bild']; ?>" alt="" />

einfügen soll. Denn wenn man auf die Seite gelangt, soll ja da eben schon ein Bild drin sein ... Und wenn ich das wie gesagt über IFrame mach', oder generell, uff - wie soll ich'n das hinbekommen?

Bin ich zu kompliziert? Versteht ihr mich? :sad:

 

[Schnuff]

ok, also, das bild wird ganz "normal" eingebunden, als ob da <img src='blabla.jpg'> stände (eigentlich steht es da ja auch ;) )

dann machst du halt etwas al'a

<div class='SeitenBild'>
<!-- Hier ist das Bild, welches die 'Eigenschaften' für die seite wiederspiegelt -->
 <img src="<?php echo $_GET['bild']; ?>" alt="" />
</div>

und die links sehen dann in etwa so aus:

<a href='./index.php?bild=URL.jpg'></a>
bsp:
<a href='./index.php?bild=Schlaefer.jpg'>News</a>

 

[matibaski]

Und wenn du möchtest, dass ein Bild erscheint, bei dem man direkt auf die Seite kommt, (ohne bild= Angaben), dann mach es so:

<?php
if(!isset($_GET['bild']))
{
$_GET['bild'] = 'pfad/zum/standartbild.jpg';
}
?>
<img src="<?php echo $_GET['bild']; ?>" width="" height="" border="0" />

So wird ein Standartbild gesetzt.

MfG, matibaski

 

[rockaneLLa*]

Uiuiui, erst mal riesen DANKE an euch beide!
Ich bin ja total bekloppt, blind, durch'n Wind ... och. Ich hab' ja nix mit PHP, nur html-Seiten. :neutral: Mist. :?

 

[rockaneLLa*]

Gibt's da sonst was wie ich das machen kann, mit JavaScript o. ä.?
Irgendwie, nur nicht über PHP? :(

 

[Frank]

Klar gibt es die

<script>
function swapImage(url,id)
{
  document.getElementById(id).src = url;
  return false;
}
</script>
<a href="#" onClick="return swapImage('bild1.jpg','img')">Bild1</a><br>
<a href="#" onClick="return swapImage('bild2.jpg','img')">Bild2</a><br>
<a href="#" onClick="return swapImage('bild3.jpg','img')">Bild3</a><br>
<a href="#" onClick="return swapImage('bild4.jpg','img')">Bild4</a>
<hr>
<img style="border:1px solid black;" src="bild1.jpg" id="img" alt="bildanzeige">