Skript für Foto-Fenster

san Paul · 15. Mai 2010

Hallo, ich betreibe selber eine Homepage, aber gehe noch zur Schule, so dass ich kaum Zeit habe, mich mit JavaSkript näher zu befassen.^^

Ich habe folgendes vor: AUf einer Seite ist ein Fenster, das Bilder anzeigen soll. Es soll so 500x500 Pixel gross sein und per Navigator-Buttons soll der Besucher zwischen den Fotos naviegieren können. Die Fotos befinden sich in einem gemeinsam in einem Ordner und sollen in zufälliger Reihenfolge geladen werden.

Die Fotos haben alle so 500x500 -1024x800 Pixel. Grössere Bilder sollen dann automatisch auf 500x500 verkleinert werden und per Link in einem neuen Fenster in voller grösse geöffnet werden.

Wie gesagt, Habe selber keine Zeit, muss noch für Schule lernen^^ Schreiben nächsten Freitag eine Arbeit! Danke für Hilfe.

Basi · 15. Mai 2010

Hm meinst du sowas wie eine Bildergalerie?

san Paul · 16. Mai 2010

Hallo, hatte gestern keine Zeit mehr, hier reinzuschauhen.

Ja, sowas in der Art halt. Und die Fotos sollen in zufälliger Reihenfolge in das Fenster geladen werden, wenn der Besucher auf einen entsprechenden Knopf drückt.

Wie gesagt, habe selber kaum Zeit, weil deutsch, mathe und englisch-Arbeiten bevorstehen. :oops:

Sarkkan · 16. Mai 2010

Hmm... könnte dir da was in PHP schreiben, wenn das auch gehen würde? =/
Oder soll das umbedingt JS sein?^^
(Kann ich nämlich auch... theoretisch xD Letztes mal is nur schon ein wenig her^^)

Übrigens, für die ZAP muss man nicht lernen -__-'
Denke doch mal das die anstehen, wie bei mir jetzt
Würde nämlich passen^^ Dienstag Deutsch, Donnerstag Englisch und darauf die Woche iwann Mathe^^
Müsste man doch eigentlich alles können

Basi · 16. Mai 2010

Also nur in JS wird das echt kompliziert, vor allem mit dem skalieren.

Wenn du keine Zeit hast JavaScript zu erarbeiten kann ich von Ajax auch abraten, da bleibt PHP übrig.

Da musst du dich mal an meinen Schüler wenden,

*Sarkkan anstarr*,

da ich leider im Moment ein Projekt am laufen, und somit keine Zeit habe

Sarkkan · 16. Mai 2010

Mein Mentor hat mich gerufen?
Kümmere mich sofort drum^^

san Paul · 17. Mai 2010

Guten morgen, :lol:

Habe gerade bei meinem Webspace geschaut. PHP wird unterstützt bis 5.3.1 stand da. Wäre also kein Problem mit PHP. :idea:

Basi · 17. Mai 2010

Das dachte ich mir, sollen wir dir mal ein PHP fähiges Skript nach deinen Wünschen zusammenbauen?

Ich denke jetzt erst einmal du antwortest Ja deswegen fangen wir / fange ich schon mal an. :wink:

san Paul · 17. Mai 2010

Habe ich gesagt, dass ich kein Skript brauche.

Nein, natürlich bin ich euch dankbar für eure Hilfe. :lol:

Basi · 17. Mai 2010

Also ich habe da jetzt mal etwas gebastelt, vielleicht guckst du einfach mal ob du das so meintest:

Klick mich

san Paul · 17. Mai 2010

Ja, das sieht schon sehr gut aus.

Auf der Seite sollen dann zwei Tasten sein. Eine, um vorwärts zu gehen (die Bilder sollen alle in zufälliger Reihenfolge angezeigt werden ;)).

Eine zweite, damit der Besucher eine Vollansicht in z.B. 1024x1280 in einem neuen Fenster eröfnnen kann.

Im Show-Fenster sollen alle Bilder ihr orginal format beibehalten. Weil ich habe einige in 16-9, 16-10, 4-3 ...

So ist das schon gut. Danke für die Mühe.

Basi · 17. Mai 2010

Ok ich erweitere das morgen so wie du es hier geschrieben hast und schicke dann mal den Code rüber

Sarkkan · 17. Mai 2010

...jetzt einfach mal aus reiner neugier^^

Was hälst du davon?
Um zu "vergrößern"(besser um Originalgröße anzuzeigen) drauf klicken auf das Bild

san Paul · 18. Mai 2010

Ja, dass sieht ebenfalls sehr gut aus.

Habe mal im Quelltext nachgeschaut: Sehr ich dass richtig, dass es mit Javascript funktioniert?

Basi · 18. Mai 2010

Das ist eine Lightbox -> Javascript, also ja.

san Paul · 18. Mai 2010

Okay, coll. Ich werde es mir heute abend oder morgen nach der Schule anschauhen.

Ihr könnt mir ruhig weiter Tipss geben. Bin erst mal bei einem Kollegen. Freundschaften Pflegen. :wink:

Sarkkan · 18. Mai 2010

Ja, diese Box ist mit Javascript^^
Hatte ich noch auf der Platte rumfliegen und finde ich eignetlich ziemlich bequem, da nicht extra ein neues fenster geöffnet wird, welches ich dann mit [x] am A**** des Browsers schließen muss^^
Könnte dir theoretisch auch einen anderen Code geben, der einfach ein neues Browserfenster öffnet in der benötigten Größe... =/
Oder eben Tab, was ich aber alles beides nicht wirklich so toll finde^^

Aber der rest ist mit PHP

san Paul · 19. Mai 2010

Ich habe eine Idee: Wenn ich die Fotos alle von "0-999" durchnummeriere, dann sollte es doch mit Java einfacher sein, oder?

Dann bräuchte man einfach nur ein Zufalls-Skript. Und dass die Fotos ihr Seitenverhältnis bebehalten, sollte dann auch kein Problem sein.

san Paul · 20. Mai 2010

Okay, ein Zufallgen. habe ich schon erstellt, und es geht:

HTML

<html><head>




<script language="JavaScript" type="text/javascript">function a(){var 




zahl=Math.round(Math.random()*2);return zahl;}</script>




</head><body>




<a href="" onClick="javascript:alert(a())">--------</a>




</body></html>

Alles anzeigen

Jetzt muss die nur irgendwie mit der URL im <img>-Tag zusammenarbeiten.

Sarkkan · 20. Mai 2010

Joa... und vielleicht eine ober grenze einfügen?
Wofür eigentlich das *2?
Dann wirst du sicherlich niemals Bild 0 und 1 sehen

Vielleicht irgendwie so?
alert('../Bilder/'a()'.jpg')

(Mein letztes JavaScirpten is schon was her )

Skript für Foto-Fenster

Jetzt mitmachen!

Teilen