TP Underground Lounge 07/08
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 12.12.2001, 13:25   #1
pop
TP-Senior
 
Registriert seit: Oct 2001
Ort: schweiz
pop macht alles soweit korrekt

ein java-script für Web gallery einfach..


Hello zusammmen kennt jemand ein einfaches java-script wo man die bilder blätern kann. (weil im DW4 wird es für jede Foto ein htm-seite erstellt ist mühsam)
pop ist offline   Mit Zitat antworten


Alt 12.12.2001, 16:29   #2
TP-Insider
 
Registriert seit: May 2001
anrebe macht alles soweit korrekt
Hi!

Wenn ich das richtig verstanden habe, brauchst du ein Script für eine Photo Gallery. Solche Sachen werden aber grundsätzlich mit PHP erstellt.

Ich verschieb den Thread mal ins Board Traum-Dynamik.
__________________
anrebe

SHUTdown.at - Weblog zu Computer und alles was dazugehört
anrebe ist offline   Mit Zitat antworten
Alt 12.12.2001, 17:06   #3
TP-Insider
 
Registriert seit: Oct 2001
René macht sich hier sehr viel Mühe
Nö nö, daß muss nicht sein, es ist auch mit Javascript möglich Bilder zu blättern. Hier der HTML Code:


<html><head><title>Album</title>

<script language="JavaScript">
var b = new Array();
b[0] = new Image(); b[0].src = "1.jpg";
b[1] = new Image(); b[1].src = "2.jpg";
b[2] = new Image(); b[2].src = "3.jpg";
b[3] = new Image(); b[3].src = "4.jpg";
b[4] = new Image(); b[4].src = "5.jpg";
var i = 0;
function anfang()
{
document.images[0].src = b[0].src;
}

function weiter()
{
if (i < 4)
{
i = i + 1
}
else
{
i = 0
}
document.images[0].src = b[i].src;
}

</script>

</head>

<body onLoad="anfang()">

<img src="1.jpg" border=0></a>
<form>
<input type=button value="weiter" onClick="weiter()">
</form>
</body>
</html>



Bei mir hat es ganz gut funktioniert. Müsstest halt nur beim Array Deine Bilder eintragen, den Array (wahrscheinlich) durch neue Einträge ergänzen und dabei aber nicht vergessen in der if-Bedingung die Anzahl der Bilder anzugeben.

Das Script springt zum ersten Bild, wenn das letzte erreicht ist. Es ist einfach gehalten, ohne schnick schnack, so sollte es doch sein, oder?!

MFG...McMiG
René ist offline   Mit Zitat antworten
Alt 12.12.2001, 18:05   #4
pop
TP-Senior
 
Registriert seit: Oct 2001
Ort: schweiz
pop macht alles soweit korrekt

und kann ich den Botton


kann ich auch ein text benützen statt ein standart knopf..
wäre es möglich das du mir noch dies als html schreibst also nur den code, wie mann es ändern kann....

und zum zurückblättern wass muss ich einfügen..

vielen dank noch

Geändert von pop (12.12.2001 um 18:58 Uhr).
pop ist offline   Mit Zitat antworten
Alt 12.12.2001, 19:11   #5
TP-Senior
 
Benutzerbild von chris74
 
Registriert seit: Apr 2001
Ort: Linz / Austria
chris74 macht alles soweit korrekt
das ganze ist doch in html geschrieben! versteh ich nicht ...

für den abschick button kannst du dir ja einfach einen machen als bild! tausch einfach das im code aus:

<input type="image" src="images/send.gif" value="weiter" onClick="weiter()" border="0" width="48" height="23">

du musst nur mehr den pfad zu deinem bild ändern und die width und height angabe ändern
chris74 ist offline   Mit Zitat antworten
Alt 12.12.2001, 22:33   #6
TP-Insider
 
Registriert seit: Oct 2001
René macht sich hier sehr viel Mühe
Lightbulb

Du kannst natürlich auch einfach einen Textlink machen und zwar so:

<a href="javascript:weiter()">weiter</a>

Der hat die gleiche Funktion wie der Button. Mit CSS kannst du den Text dann noch schön anpassen.

Hab Dir auch gleich mal das mit einem "zurück" Button geschrieben. Kopiere den Text in einen Texteditor und speichere es als .htm Datei ab. Du kannst es so wie es geschrieben steht übernehmen.



<html><head><title>Album</title>

<script language="JavaScript">
var b = new Array();
b[0] = new Image(); b[0].src = "1.jpg";
b[1] = new Image(); b[1].src = "2.jpg";
b[2] = new Image(); b[2].src = "3.jpg";
b[3] = new Image(); b[3].src = "4.jpg";
b[4] = new Image(); b[4].src = "5.jpg";
var i = 0;
function anfang()
{
document.images[0].src = b[0].src;
}

function weiter()
{
if (i < 4)
{
i = i + 1
}
else
{
i = 0
}
document.images[0].src = b[i].src;
}

function back()
{
if (i != 0)
{
i = i - 1;
}
document.images[0].src = b[i].src;
}

</script>

</head>

<body onLoad="anfang()">

<img src="1.jpg" border=0>
<br>
<a href="javascript:back()"> zur&uuml;ck</a>&nbsp;
<a href="javascript:weiter()">weiter</a>

</body>
</html>




So und dafür hätt ich gern einen schönen grossen Luftballon!

MFG...McMiG
René ist offline   Mit Zitat antworten
Alt 13.12.2001, 13:01   #7
pop
TP-Senior
 
Registriert seit: Oct 2001
Ort: schweiz
pop macht alles soweit korrekt

vielen dank aber funkt. nicht...


hello vielen dank für deine bemühungen,
aber wenn ich alle link von photo eingebe dann klicke ich auf weiter da kommt "The page cannot be displayed", aber dass mit weiter und zurück gefällt mir am besten statt mit dem Knopf..
pop ist offline   Mit Zitat antworten
Alt 13.12.2001, 15:18   #8
TP-Moderator
 
Benutzerbild von Stuck Mojo
 
Registriert seit: Feb 2001
Ort: Helmstedt/Wolfsburg
Stuck Mojo ist ein richtiges Arbeitstier - DANKEStuck Mojo ist ein richtiges Arbeitstier - DANKEStuck Mojo ist ein richtiges Arbeitstier - DANKEStuck Mojo ist ein richtiges Arbeitstier - DANKEStuck Mojo ist ein richtiges Arbeitstier - DANKE
Hi !!

Könnte sein dass du es so übernommen hast, wie es im Forum geschrieben ist. Du mußt JavaScript zusammen schreiben. Das ist ein kleines Sicherheitsding vom Board. Das Board trennt diese Wörter immer. Falls es dass nicht war/ist, dann probier nochmal ein ";return false" hinter dem Funktionsaufruf zu setzten:

<a href="javascript:weiter();return false">weiter</a>

Gruß Jan
Stuck Mojo ist offline   Mit Zitat antworten
Alt 13.12.2001, 15:32   #9
TP-Insider
 
Registriert seit: Oct 2001
René macht sich hier sehr viel Mühe
Ja mei! Ich hatt mich schon gewundert. Aber gut zu wissen!

MFG...McMiG
René ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > Traum-Dynamik
ein java-script für Web gallery einfach.. ein java-script für Web gallery einfach..
« image uplaod script | Datei auslesen »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 01:18 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67