Thumbnails anpassen/autom. anlegen

Dieses Thema im Forum "Webentwicklung" wurde erstellt von BenQ, 18. Mai 2009 .

Schlagworte:
  1. 18. Mai 2009
    Hi Leute,

    eine Bekannte von mir mal selber Bilder und das nicht gerade wenige.
    Sie betreibt eine Homepage und hat mich gebeten Ihr da ein bisschen zu helfen, was das onlinestellen der Bilder betrifft.

    Derzeit läuft es auf HTML/CSS wo einfach ein kleines Vorschaubild zusehen ist, und durch klicken ein Popup kommt wo es in Originalgröße zu sehen ist.

    Ich würde es jetzt gerne so machen, das ich die Rubriken erstelle:

    Aquarell:
    Häuser:
    Menschen:

    usw: und dort dann lauter Thumbnails in einer Einheitsgröße.
    Durch draufklicken soll es dann über eine Lightbox vergößert werden:
    http://www.huddletogether.com/projects/lightbox2/

    gibt es da irgend ein Programm/Source/Anleitung oder so.

    z.B die ganzen Foto Seiten von den NachtClubs:
    clubstars.net, nachtagenten.de usw.. die machen das ja auch.

    Hoffe man versteht was ich meine

    Gruß BenQ

    //im grunde genau so wie hier:

    http://www.bluray-disc.de/blulife/heimkino/tscherno#pictures

    (unter pictures oder go.raudrush weg machen)
     
  2. 18. Mai 2009
    AW: Thumbnails anpassen/autom. anlegen

    Liegt dein Problem im Erstellen der Thumbs mit PHP oder dem Einbinden des Lightbox-Codes?

    Gruß

    Wenn Lightbox:
    Das mal in den Head Bereich deiner HTML Files:
    HTML:
    <script type="text/javascript" src="js/prototype.js"></script>
    <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
    <script type="text/javascript" src="js/lightbox.js"></script>
    
    <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
    
    Die Bilder ladest du folgendermaßen
    HTML:
    <a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
    
    das ganze kannst du dynamisch machen mit PHP durch auslesen der Bilder aus einer Datenbank oder du lässt die entsprechenden Ordner durchforsten
    z.b.
    PHP:
    echo  '<a href="images/' . $bildname . '" rel="lightbox" title="' . $comment . '"><img src="images/' . $bildname . '" border="0"></a>' ;
    Die Variablen müsstest du eben selber wählen...

    wenn du das ganze zusammenfassen möchtest mit so pfeilen, dass man weiterklicken kann und zum nächsten Bild gelangt würde es so gehen:

    HTML:
    <a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
    <a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
    <a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>
    
    der Unterschied liegt im rel - sieht man glaube ich eh, wie es dann funktioniert... da kannst du das "roadtrip" hier z.b. durch die Kategorie ersetzen, die du anzeigen möchtest.

    könnte so aussehen:
    (so könnte es funktionieren, dass es so aussieht wie auf dem letzten link den du angegeben hast)
    PHP:
    while( $datenabfrage  mysql_fetch_array ( $sql ))
    {
    echo 
    '<a href="images/' . $datenabfrage [ 'bildname' ]. '" rel="lightbox[' . $datenabfrage [ 'kategorie' ]. ']" title="' . $datenabfrage [ 'comment' ]. '"><img src="images/' . $datenabfrage [ 'bildname' ]. '" border="0"></a>' ;
    }
    Die Pfade müssen eben passen - sowohl in der CSS, in den HTML Dateien als auch im PHP Bereich mit der Verlinkung zu den Bildern

    Gruß
     
  3. 19. Mai 2009
    AW: Thumbnails anpassen/autom. anlegen

    ok, danke schonmal dafür.
    das müsste ich evtl noch irgendwie hinbekommen.

    Mich interessiert jetzt wie z.B die ganzen Club Fotos hochgeladen und verkleinert werden.
    die machen in der nacht ja auch zwischen 100 - 250 Fotos.
    und laden diese in der nacht/am morgen hoch, das machen die ja bestimmt nicht händisch.

    Gibt es dazu ein script? tut?

    Gruß
     
  4. 19. Mai 2009
    AW: Thumbnails anpassen/autom. anlegen

    die haben dann wahrscheinlich intern in ihrem CMS n Skript, dass automatisch thumbs generiert, wenn die Bilder auf ihren ftp laden...
     
  5. 19. Mai 2009
    AW: Thumbnails anpassen/autom. anlegen

    Und gibts da irgend wie ein paar Links zu erklärungen ,wie man so was coded oder sonst was?
    das wird ja nicht jedesmal neu gecoded. oder?

    Da müsste es doch beispiele geben

    Gruß
     
  6. 19. Mai 2009
    AW: Thumbnails anpassen/autom. anlegen

    na, google hilft:
    http://www.developers-guide.net/forums/83,php-thumbnails-erstellen-kleine-funktion

    ich mach das so, dass ich die bilder erstmal mit Arles Image Web Page Creator verkleinere. Z.b. auf 600x600px. Dann lad ich die hoch.

    Öffne eine Php datei, in der ich Name der Galerie, Kategorie, Ordner der Bilder, Geschichte zu den Bildern und Datum einstellen kann. Dann "speicher" ich und er erstellt mir die ganzen Thumbnails, schreibt alle bilder in ne sql tabelle rein und die galerie erscheint auf der normalen page in der entsprechenden kategorie. Ausgeben tu ich die mit ner schleife.
    Verwenden tu ich also: php, mysql, css, html udn auch die lightbox zur vorschau.

    gruß
    gl
     
  7. 19. Mai 2009
    AW: Thumbnails anpassen/autom. anlegen


    und das haste dir dann alles selber geschrieben?
    Problem ist, ich kann max. html^^
    wie viel zeit würde es dauern, sich in php einzulernen, wenn das verständniss und der wille da ist?

    Gruß
     
  8. 19. Mai 2009
    AW: Thumbnails anpassen/autom. anlegen

    Habe bei [G]php thumbnails erstellen[/G] folgendes gefunden:

     
  9. 19. Mai 2009
    AW: Thumbnails anpassen/autom. anlegen

    Also das einfachste, was zu realisieren wäre:

    Du bzw. Sie hat nen FTP-Zugang zu ihrer Seite und läd die Bilder dort hoch..
    Dann startest du die "size.php" <= So nenn ich se jetzt mal, diese macht dann aus allen Bildern, die in dem Ordner sind ein Thumb.. Zb so:
    normal:
    Rose_auf_der_Wiese.jpg
    Rose_auf_der_Wiese_thumb.jpg

    Und wenn schon ein Thumb existiert dann halt nicht...
    Und dann schreibste ne PHP, die einfach alle Dateien mit dem _thumb ausliest und dann ausgibt, mit nem Link mit dem man dann die Lightbox öffnet..
    Kann man natürlich auch mit ner MySQL DB machen..
    Dann schreibt die size.php die Namen der Bilder + Thumbs in die DB...

    MfG
     
  10. 19. Mai 2009
    AW: Thumbnails anpassen/autom. anlegen

    hey benq

    lad dir die software easy thumbnails runter. das macht des aufm pc. brauchst nix mit php und server machen. können auch ungeübte bedienen.

    das mit der litebox bekommst hin

    ansonsten: ich will endlich deine platte und wenn du fragen hast frag mich
     
  11. 19. Mai 2009
    AW: Thumbnails anpassen/autom. anlegen

    hmm, natürlich auch ne möglichkeit.
    und wie ordne ich die Bilder dann am besten an?
    Ich würde die gerne auf der Page anzeigen.

    Derzeit ist das alles über tables gelöst. ist aber nicht das gelbe vom EI.

    jo die PLatte hat der hilli, der solls dir geben, wenn er ins FItness fährt^^

    Gruß BenQ
     
  12. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.