HTML Code für PIC vergrößerung

Dieses Thema HTML Code für PIC vergrößerung im Forum "Webentwicklung, Hosting & Programmierung" wurde erstellt von Viper-Aerox, 16. Juni 2003.

Thema: HTML Code für PIC vergrößerung Hi! Ich wollte mal fragen ob jemand weiss wie ich meine bilder vergrößern kann d.h. ich will das man auf die...

  1. Hi!

    Ich wollte mal fragen ob jemand weiss wie ich meine bilder vergrößern kann

    d.h.

    ich will das man auf die seite kommt dort ale bilder klein sind also schon als miniatur angezeigt werden wenn man dann auf eins davon klickt kommt eine neue seite und sie werden in original görße angezeigt

    kennt den jemand?

    bitte hier posten!

    DANKE IM VORAUS!!
     
  2. Hallo,

    einen richtigen Code gibt es dafür m.E. nicht. Voraussetzung ist erst einmal, dass du ein Bild sowohl in kleiner als auch in großer Ausführung besitzt. (HTML könnte zwar das Bild vergrößern; aber es wird dann lediglich gezerrt --> ich denke nicht, dass du das willst!)
    Dann brauchst du nur noch die Miniatur auf das Original verlinken...

    MfG
    Funky
     
  3. Funky hat es im Prinzip schon erklärt, aber ich will es nochmals klarstellen:

    du hast ein Orginalbild (angenommen in der Größe 1024x768). Mit einem Bildbearbeitungsprogramm verkleinerst Du es auf einem anderen Massstab (unter anderem Dateinamen speichern). Die kleineren Bilder werden im Regelfall als Thumbnails bezeichnet.

    In deiner HTML Seite verlinkst Du das Thumbnail mit dem großen Bild:
    HTML:
    <a href=bilder/Original.jpg><img src=thumbnail.jpg></a>
    
    Durch den obigen Code wird das kleine Thumbnail Bild angezeigt und bei einem Klick auf dieses, wird das große (Orginalbild) angezeigt.

    Hinweis: einige Bildbearbeitungprogramme haben sogar den Service, dass solche Thumbnail HTML Seiten erzeugt.
     
  4. So ist es! Ich war lediglich zu->bequem', es so ausführlich zu erklären! ;D

    @ Viper-Aerox: Wenn dir der erklärte Vorgang zu lange dauert, könntest du auch lediglich mit einem Bild zurechtkommen.
    Dann müsstest das Bild zunächst durch den folgenden Code ;-) verkleinern:

    Code:
    <img src=original.jpg  width=100>
    
    Mit dem Tag width gibst du die Breite des Bildes an. Netterweise brauchst du die Höhe (height) nicht angeben, da HTML die Breite der Höhe automatisch anpasst. Es sei denn, du willst das Bild verzerren ;D

    Nun umschließt du den obigen Code noch mit VoiDs Code, sodass
    es dann folgendermaßen aussieht:

    Code:
    <a href=original.jpg><img src=original.jpg  width=100></a>
    
    Problematisch werden nur die Ladezeiten, da bereits bei den Miniaturen (den verkleinerten Originalen) das gesamte Original geladen wird (weil es ja quasi das Original ist :D)

    MfG
    Funky
     
  5. danke FUNKY du bist echt FUUUUUUUUNKY ;D ;D ::)

    ne mal ernstahft gut das ier lete ne peilung haben!

    ich werde das direkt mal ausprobieren!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

    THX AT All
     
  6. Leider ist mir da noch ein kleiner Fehler unterlaufen! ;D
    Es heißt natürlich:
    MfG
    Funky
     
  7. jaja np habs schon verstanden!
     
Die Seite wird geladen...

HTML Code für PIC vergrößerung - Ähnliche Themen

Forum Datum
Just Color Picker -> Farbwähler, Pipette, RGB, HTML, HEX Farbcode-Editor Windows XP Forum 6. Sep. 2013
Mit php HTML-Befehle in Code entfernen oder ignorieren Webentwicklung, Hosting & Programmierung 20. Jan. 2012
Brauche Hilfe im html/php coden... Windows XP Forum 11. Dez. 2007
Guter PHP-Editor & Frage zu einem HTML-Code Webentwicklung, Hosting & Programmierung 10. Juli 2007
suche Htmlcode für:damit auf einer webpage die angaben auf mein email konto zuko Windows XP Forum 20. Nov. 2006