Bildbereich als Vorschaubild??
Solman
- html
Hallo!
Ich möchte gerne ein Bild in meine HP einbinden. Jedoch soll von dem kompletten Bild nur ein Teil (z.B. der Kopf) auf dem Vorschaubild zu sehen sein. Beim "Klick" öffnet sich im neuen Fenster das ganze Bild.
Vielleicht kann mir hier jemand helfen?!
Vielen Dank!
Ich möchte gerne ein Bild in meine HP einbinden.
Wie das geht, sollte wohl in SelfHTML nachzulesen sein...
soll von dem kompletten Bild nur ein Teil auf dem Vorschaubild zu sehen sein.
Sinnvollerweise arbeitest du mit zwei Bildern.
Graphikprogramm, Bild beschneiden, fertig.
Gruß, rob
Hallo!
Ich möchte gerne ein Bild in meine HP einbinden. Jedoch soll von dem kompletten Bild nur ein Teil (z.B. der Kopf) auf dem Vorschaubild zu sehen sein. Beim "Klick" öffnet sich im neuen Fenster das ganze Bild.
Vielleicht kann mir hier jemand helfen?!
Vielen Dank!
Vielleicht hab ich s ja falsch verstanden, aber:
Nimm dein Bild, schneid in nem Bildbearbeitungsprogramm den gewünschten Vorschaubereich aus, speichers in klein ab.
Bind des in deine HTML-Datei ein, und verlink auf dein eigentliches Bild, des große.
Vielleicht hat s dir ja geholfen... :-)
max.
Hallo!
Vielleicht hab ich s ja falsch verstanden, aber:
Nimm dein Bild, schneid in nem Bildbearbeitungsprogramm den gewünschten Vorschaubereich aus, speichers in klein ab.
Bind des in deine HTML-Datei ein, und verlink auf dein eigentliches Bild, des große.
genau richtig verstanden und die sicherlich nutzerfreundlichste Lösung geliefert. Denn im Vergleich zu den genannten CSS-Möglichkeiten, die davon ausgehen, das komplette Bild auch als Vorschau zu benutzen, spart sie Traffic - vor allem dann, wenn es sich um mehrere solcher Vorschaubilder handelt.
Gruß,
_Dirk
Ich möchte gerne ein Bild in meine HP einbinden. Jedoch soll von dem kompletten Bild nur ein Teil (z.B. der Kopf) auf dem Vorschaubild zu sehen sein. Beim "Klick" öffnet sich im neuen Fenster das ganze Bild.
du kannst mit CSS und clip nur Teilbereiche des bildes anzeigen lassen.
In etwa so:
<script type="text/javascript">
function show(obj)
{
obj.style.clip = 'rect(0,' + obj.width +'px,' + obj.height + 'px, 0)';
}
</script>
<img src="test.jpg" style="clip:rect(0,150,100,0); position:absolute;" onclick="show(this);">
Das position:absolute hab ich eingebaut weil ich einen alten Browser hab, evtl. kann es sein, dass du dies bei neueren nicht mehr brauchst.
Struppi.
Ich möchte gerne ein Bild in meine HP einbinden. Jedoch soll von dem kompletten Bild nur ein Teil (z.B. der Kopf) auf dem Vorschaubild zu sehen sein.
Dann setz das Bild in einen zu kleinen <div> mit overflow:hidden; und positioniere es so, daß der Kopf zu sehen ist.
Gruß
Avalon