Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

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

Empfohlene Antworten

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

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.

@ 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

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

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

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

@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

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.