HTML Code für PIC vergrößerung

  • #1
V

Viper-Aerox

Bekanntes Mitglied
Themenersteller
Dabei seit
01.11.2002
Beiträge
671
Reaktionspunkte
0
Ort
Eschweiler
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:
Netterweise brauchst du die Höhe (height) nicht angeben, da HTML die Höhe automatisch anpasst.

MfG
Funky
 
  • #7
jaja np habs schon verstanden!
 
Thema:

HTML Code für PIC vergrößerung

ANGEBOTE & SPONSOREN

Statistik des Forums

Themen
113.840
Beiträge
707.963
Mitglieder
51.494
Neuestes Mitglied
Flensburg45
Oben