Gegen Bilderklau - Das Original

Registrierung Mitgliederliste Teammitglieder Suche Häufig gestellte Fragen Statistik Chat Karte Zur Startseite

Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [JS] Bildwechsel in der HP » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | Thema zu Favoriten hinzufügen
Zum Ende der Seite springen Bildwechsel in der HP
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Isabel Isabel ist weiblich
» in love with flow


images/avatars/avatar-53587.png

Dabei seit: 09.05.2005
Beiträge: 6.745

Bildwechsel in der HP Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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

__________________

20.01.2006 15:30 Isabel ist offline E-Mail an Isabel senden Homepage von Isabel Beiträge von Isabel suchen Nehmen Sie Isabel in Ihre Freundesliste auf
Yanu
Webdesigner


images/avatars/avatar-33440.gif

Dabei seit: 29.03.2005
Beiträge: 36

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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

__________________
Yanu-Net Game Portal
20.01.2006 16:21 Yanu ist offline E-Mail an Yanu senden Homepage von Yanu Beiträge von Yanu suchen Nehmen Sie Yanu in Ihre Freundesliste auf
Isabel Isabel ist weiblich
» in love with flow


images/avatars/avatar-53587.png

Dabei seit: 09.05.2005
Beiträge: 6.745

Themenstarter Thema begonnen von Isabel
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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

__________________

20.01.2006 16:39 Isabel ist offline E-Mail an Isabel senden Homepage von Isabel Beiträge von Isabel suchen Nehmen Sie Isabel in Ihre Freundesliste auf
.Maybe
Mitglied


Dabei seit: 01.12.2005
Beiträge: 5.230

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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
20.01.2006 20:38 .Maybe ist offline E-Mail an .Maybe senden Beiträge von .Maybe suchen Nehmen Sie .Maybe in Ihre Freundesliste auf
Isabel Isabel ist weiblich
» in love with flow


images/avatars/avatar-53587.png

Dabei seit: 09.05.2005
Beiträge: 6.745

Themenstarter Thema begonnen von Isabel
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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

__________________

21.01.2006 10:20 Isabel ist offline E-Mail an Isabel senden Homepage von Isabel Beiträge von Isabel suchen Nehmen Sie Isabel in Ihre Freundesliste auf
Ladüüü Ladüüü ist weiblich
Mitglied


Dabei seit: 07.02.2005
Beiträge: 1.820

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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>
21.01.2006 14:31 Ladüüü ist offline E-Mail an Ladüüü senden Beiträge von Ladüüü suchen Nehmen Sie Ladüüü in Ihre Freundesliste auf
gestuet_larosanegra gestuet_larosanegra ist weiblich
I love Chester !!


images/avatars/avatar-10075.png

Dabei seit: 19.08.2005
Beiträge: 1.403
Herkunft: NRW

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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

__________________

21.01.2006 19:34 gestuet_larosanegra ist offline E-Mail an gestuet_larosanegra senden Beiträge von gestuet_larosanegra suchen Nehmen Sie gestuet_larosanegra in Ihre Freundesliste auf Fügen Sie gestuet_larosanegra in Ihre Kontaktliste ein
Isabel Isabel ist weiblich
» in love with flow


images/avatars/avatar-53587.png

Dabei seit: 09.05.2005
Beiträge: 6.745

Themenstarter Thema begonnen von Isabel
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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?

__________________

Dieser Beitrag wurde 3 mal editiert, zum letzten Mal von Isabel: 22.01.2006 13:35.

22.01.2006 12:04 Isabel ist offline E-Mail an Isabel senden Homepage von Isabel Beiträge von Isabel suchen Nehmen Sie Isabel in Ihre Freundesliste auf
Isabel Isabel ist weiblich
» in love with flow


images/avatars/avatar-53587.png

Dabei seit: 09.05.2005
Beiträge: 6.745

Themenstarter Thema begonnen von Isabel
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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 :-(

__________________

23.01.2006 16:20 Isabel ist offline E-Mail an Isabel senden Homepage von Isabel Beiträge von Isabel suchen Nehmen Sie Isabel in Ihre Freundesliste auf
Baumstruktur | Brettstruktur
Gehe zu:
Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [JS] Bildwechsel in der HP

Impressum

Forensoftware: Burning Board, entwickelt von WoltLab GmbH