Zum Inhalt springen

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


Empfohlene Beiträge

Geschrieben

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

Geschrieben

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.

Geschrieben

@ 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

Geschrieben

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

Geschrieben

@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...

Geschrieben

@sebi

Einen Fehler habe ich schon entdeckt. Ich vergaß den script-Tag zu schließen.

Mir wird jetzt auch das kleine Bild angezeigt, beim anklicken allerdings nur eine Statusmeldung: "Fehler auf der Seite"

Geschrieben

@all

Ich freue mich auch über die Hilfe anderer.

Versucht mir doch bitte zu helfen und bezieht euch bitte auf den Code mit Javascript...

Thanx a lot...

cu bad woman

Erstelle ein Benutzerkonto oder melde Dich an, um zu kommentieren

Du musst ein Benutzerkonto haben, um einen Kommentar verfassen zu können

Benutzerkonto erstellen

Neues Benutzerkonto für unsere Community erstellen. Es ist einfach!

Neues Benutzerkonto erstellen

Anmelden

Du hast bereits ein Benutzerkonto? Melde Dich hier an.

Jetzt anmelden

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...