Fotohomepage (suche thumbnailer)

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas
steos

steos hat kostenlosen Webspace.

9:37, 12.1.2010
Tag zusammen.

Ich ref="/tag/plane">plane eigentlich schon seit langem eine Fotohomepage. Kenne mich aber in Javascricpt genauso wenig aus wie in Flash. Ich möchte allerdings auch keine HTML thumbs auf herkömmlichen Weg erstellen. Kennt jemand ein gutes Programm, oder Script das leicht in mein Html eizubinden ist?

Damit ihr einen Anhaltspunkt habt was ich meine. Meine Bilder lagern bislang in meinem Deviantart Portfolio, aber ich möchte etwas eigenes. Aber die Gallery soll ähnlich funktionieren wie bei meiner Fetigseite: http://steos.daportfolio.com/
Wäre euch für Tips dankbar.

Beitrag zuletzt geändert: 12.1.2010 10:19:26 von steos
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage
tom-moeller

tom-moeller hat kostenlosen Webspace.

10:03, 12.1.2010
Mit Javascript alleine kommst Du nicht weit. Damit kannst Du zwar die Dartsellung auf den Bildschirmen beeinflussen (Galeriedarstellung und Übergänge), aber nicht automatisch Thumnails erstellen und auf dem Server auslagern. Hierfür brauchst Du eine serverseitige Skriptsprache wie PHP.

Da du wie gesagt, keine Programmierkenntnisse hast, würde ich Dir zu einem fertigen Galerie-Skript raten wie es sie im Softwarepaket gibt.

Gruß T.
~~a******e~~

20:17, 15.1.2010
Das kostenlose Programm "IrfanView" kann Thumbnails erstellen und diese gleich in eine HTML einbauen.
http://www.irfanview.de/
muppets

muppets hat kostenlosen Webspace.

21:36, 18.1.2010
tach

hier ein link auf dem verschiedene fertige scripts angeboten werden um eine bildergalerie zu erstellen.

http://www.drweb.de/magazin/scripts-fur-fotogalerien-diashows-und-bildprasentationen/

grüße
christian
starkinmetall

starkinmetall hat kostenlosen Webspace.

22:26, 18.1.2010
vielen dank muppets! die kann ich auch gebrauchen.

gruss

czibere

czibere hat kostenlosen Webspace.

1:00, 19.1.2010

@steos

... Ich möchte allerdings auch keine HTML thumbs auf herkömmlichen Weg erstellen...

ich sehe auf deiner seite, du brauchst etwas für bilder aus der digicam. vor 2 tagen habe ich gerade das hier gehackt:

// liest thumbnail von jpeg-bild aus (falls vorhanden :o)
// czibere::2010-01-16
function thn ($f) {
  // kein thumbnail im bild (raw jpeg data)
  $no_pic = "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";

  if ( is_file ($f) ) {

    return ( false !== ($image = exif_thumbnail ($f, $w, $h, $t)) ) ?
      "<img src=\"data:image/gif;base64," . base64_encode ($image) . "\" width=\"$w\" height=\"$h\" alt=\"$f\" title=\"".basename ($f)."\" />\n":
      "<img src=\"data:image/gif;base64,$no_pic\" width=\"160px\" height=\"120px\" alt=\"leider kein bild!\" title=\"leider kein thumbnail im bild!\" />\n";
  } else {
    return "";
  }
} // END function thn ($f)

die verwendung ist denkbar einfach:

$res = "";
$dir = "./img";
if ( is_dir ($dir) and is_object ($d = dir ($dir)) ) {

    while ( false !== ($f = $d->read ()) ) {$res .= thn ("$dir/$f");}
    // das war's auch schon :o)
    $d->close();

} else {
  exit ("kein ordner!");
}
exit ("$res<hr />das waren alle bilder im ordner '$dir'!");

der sourcecode der ausgabe sieht in etwa so aus:

<img src="data:image/gif;base64,/9j/2wCEAAEBAQEBAQE...l3YW1P/9k=" width="160px" height="120px" alt="leider kein bild!" title="leider kein thumbnail im bild!" />
<img src="data:image/gif;base64,/9j/xAGiAQADAQEBAQEB...SnTjPRgpNH//2f8=" width="160" height="120" alt="./img/vineyard2.JPG" title="vineyard2.JPG" />
...
<hr />das waren alle bilder!

was nur so viel heißt, dass es eigentlich keine thumbnails auf der festplatte vorhanden sind! die sind direkt in den html kod hineingebettet. (die bilder sind so schneller geladen. auch gut für weniger müll auf der hd ;o)

Beitrag zuletzt geändert: 19.1.2010 1:31:28 von czibere

alekto

alekto hat kostenlosen Webspace.

16:03, 19.1.2010
Hi

wurden zwar schon einige Worte gesagt aber ich geb auch noch meinen Senf zu. Vtl kann dir an der Stelle ImageMagic helfen. Das ist soweit ich weiß mit PHP geschrieben und frei verfügbar. Kenn das aber leider auch nicht näher. Nur so ein Gedanke.

mfg joni
theateraggeseke

theateraggeseke hat kostenlosen Webspace.

21:58, 19.1.2010
ich persönlich kann dir nur lightbox empfehlen, ist ein klasse script und leicht zu handhaben.
roemmler

roemmler hat kostenlosen Webspace.

22:04, 19.1.2010
Ich könnte dir aulles von http://www.simpleviewer.net empfehlen.
Das sind sehr gute, kostenlose Scripts, die deinem optisch leicht
ähneln und gut einzurichten sind. Es gibt mehrere Varianten; du kannst
sie dir ja alle mal anschauen, aber vor allem http://www.simpleviewer.net/simpleviewer/examples/classic/
dürfte interessant sein.
~~j****3~~

15:32, 22.1.2010
Hi,

Du brauchst ein proffessionelles Foto programm wie z.B. Irfan View oderIrfan View Thumnailer.
Die dir viele verschiedene und gute möglichkeiten geben gute Fotogallerien selber zu basteln.
Geh einfach mal irfan view googeln.

Viel Spass beim programmieren
Dein jan123
brights

brights hat kostenlosen Webspace.

15:50, 22.1.2010

steos schrieb:.... Kennt jemand ein gutes Programm, oder Script das leicht in mein Html eizubinden ist?...

Ja. Eine sehr einfache und mittels html wunderbar anpassbare Angelegenheit ist das hier:
http://www.stefanheymann.de/homegallery/
Kein php, keine Datenbank, nix. Aber wirklich gut und durchaus mal einen Versuch wert.
Erklärungen dazu findest du hier:http://www.stefanheymann.de/homegallery/doku.htm
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city