Zum Inhalt springen

Grafiken GROß & KLEIN...aber wie???


bad woman

Empfohlene Beiträge

Hallo Ihrs,

bei der Homepage meines Freundes möchte ich in einem privaten Bereich Bilder erstellen, welche man sich erst in einem kleineren gif-Format anschauen kann und welche beim anklicken etwas größer erscheinen sollen.

In selfhtml habe ich schon gestöbert.

Wie könnte ich das machen?

Bitte einen Codeauszug.

Thanx a lot...

cu bad woman

Link zu diesem Kommentar
Auf anderen Seiten teilen

Einen Codeauszug kann ich Dir jetzt nicht bieten, denn das kommt immer darauf an, wie das realisiert werden soll. Sollen in der Voransicht schon die großen Bilder geladen werden oder nur Vorschaubilder? Bei der ersten Variante würde alleine die Voransicht schon sehr lange zum Laden brauchen.

Gib in der Boardsuche einfach mal "Thumbnails" ein und Du wirst mehrere Threads, die sich mit diesem Thema befassen.

Link zu diesem Kommentar
Auf anderen Seiten teilen

@ bad woman

wenn ich das richtig verstehe meinst du Thumbnail-Grafiken. Das kann man folgendermaßen machen:

Das Original-Bild mit Bildbearbeitungssoftware verkleinern, diese Version im gewünschten Format (z.B. als .gif abspeichern; max. 256 Farben), das Mini-Bild (.gif Bild) in die Homepage einfügen und als Hyperlink des Mini-Bildes (.gif Bild) auf das Original-Bild verlinken.

Also z.B. Original auto.jpg ; dann mini-auto.gif erstellen, dieses dann auf auto.jpg verlinken.

Der Trick besteht darin, das das Bild als Hyperlink auf ein anderes Bild verweist.

Wenn du es nochmal nachlesen möchtest, dann z.B. hier:

http://selfhtml.teamone.de/html/grafiken/verweise.htm

Link zu diesem Kommentar
Auf anderen Seiten teilen

Also das mit den thumbnails muss einfach sein, denn so Läd die seite Besser. Aber wieso machst du ganze nicht per Javascript. Lass doch die Großen Images Per Popup öffnen. Ich kann dir mal den Code dazu geben.

==============================================

- zwischen <Head> und </head>

<script language="JavaScript">

function bild1()

{

window.open('irgendeinbild.jpg','_InfoScreen','menubar=no,location=no,scrollbars=no,resizable=no,width=700,height=630')

;}

- in den Body Tag

<a href="Javascript: bild1();"> <img border="0" src="irgendeinbildklein.jpg" width="200" height="80"></a>

==============================================

Das Wars mehr musst du nicht tun!

So Long,

Sebi

Link zu diesem Kommentar
Auf anderen Seiten teilen

@sebi

Leider klappt dein geposteter Code nicht, ich arbeite momentan unter Zeitdruck und muss die Bilder noch diese Woche auf die Page bringen.

Ich schicke dir mal meinen Code vielleicht findest du den Fehler.

<html>

<head>

<script language="JavaScript" type="text/javasript">

function bild1()

{

window.open('../pic/pfingsten2002.gif','_InfoScreen','menubar=no,location=no,scrollbars=no,resizable=no,width=700,height=630')

;}

<title>Signalarten</title>

<link rel=stylesheet type="text/css" href="formate.css" >

<style type="text/css">

<!--

//-->

</style>

</head>

<body background = "../pic/firering.jpg">

<a href="Javascript: bild1();"> <img src="../pic/pfingsten2002klein.gif" width="200" height="80" border="0" ></a>

<table>

<tr>

<td></td>

</tr>

</table>

</body>

</html>

Eigentlich wollte ich den Code zw. body und /body in die Tabellenzeile bringen, dachte dann das sei der Fehler.

Thank you...

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...