Gegen Bilderklau - Das Original | Druckvorschau: Bildwechsel in der HP

Geschrieben von Isabel am 20.01.2006 um 15:30:

Bildwechsel in der HP

Hallo,

ich habe eine Frage zu einen Pferdesteckbrief.

Ich möchte gerne mehrere Bilder zur Auswahl stellen aber diese sollen sich im Steckbrief öffnen.

Geht das, dass sich mit einem Klick nur das Bild auf der Seite ändert, oder muss ich die Steckbriefe pro Bild einmal abspechern und miteinander verlinken?

Wäre schön, wenn mir jemand helfen könnte.

MFG isabel

Geschrieben von Yanu am 20.01.2006 um 16:21:

Kommt druf an mit MTML schon mit PHP würde dies gehen, vorausgesetzt du hast einen PHP fähigen Server.

Geschrieben von Isabel am 20.01.2006 um 16:39:

nein... mach alles mit HTML
schaade...

Geschrieben von .Maybe am 20.01.2006 um 20:38:

Also ich hätte da schon einen Code wie das Bild per Click zum nächsten springt und das alles auf einer Seite.
Es läuft mit JavaScript.
Wenn du den möchtest schaue ich mal wie ich das erklären kann ^^ bsp: http://maybepower.ma.funpic.de/bildwechsel.htm

Geschrieben von Isabel am 21.01.2006 um 10:20:

hm... danke... aber so meinte ich das nicht...
das bild sollte nur wechseln, wenn man "weiter" klickt

Geschrieben von Ladüüü am 21.01.2006 um 14:31:

Das was du meinst, ist eine Diashow, die ganz einfach mit JavaScript geht.

Erstelle eine Ordner namens "Diashow",. Die Bilder, die in deiner Diashow vorkommen sollen, müssen alle in dem Ordner hochgeladen werden und "dia[ZAHL].jpg" heißen. Also zum Beispiel: dia1.jpg oder dia2.jpg

In den <head>-Tag auf der Seite, auf welcher deine Diashow zu sehen ist:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:

<script language="JavaScript">
var aktpos=1;
var anzahl=5;
function wechsel(richtung)
{ if (aktpos+richtung>=1 && aktpos+richtung<=anzahl)
aktpos+=richtung;
document.images[0].src=
"dia"+aktpos+".jpg"; }
</script>

var anzahl=5; Anzahl der Bilder, die in der Diashow vorkommen sollen.
Demnach 5

In den <body>-Tag:

code:
1: 2: 3: 4: 5: 6:	<p><img src="dia1.jpg"></p> <p><a href="#" onClick="wechsel(-1)"> «zurück</a> <a href="#" onClick="wechsel(1)"> vor»</a></p>

Geschrieben von gestuet_larosanegra am 21.01.2006 um 19:34:

wenn du es nicht hinbekommst, mit gar keinen von diesen Methoden, kann ich dir helfen.
meld dich dann per pn

Geschrieben von Isabel am 22.01.2006 um 12:04:

Funktionieren tut es, aber leider sehen die Bilder jetzt alle irgendwie gequetscht aus...

besteht die Möglichkeit die folgenden Bilder in einer anderen größe darzustellen?

Geschrieben von Isabel am 23.01.2006 um 16:20:

SO habs versucht auch online zu stellen... klappt absolut nicht, weil die Übertragung auf Piranho und die Ordner nicht so klappt... auch wenn ich dort wieder Diashow etc erstelle... die Bilderseiten können dann nicht mehr geöffnet werden... das liegt wahrscheinlich am script, da sich das neue Bild mit nem .htm# öffnet... na ja...

Ich werds dann wohl doch leider mit den Pop Ups machen müssen :-(