Thumbnails

Kiki · 03.02.2005, 13:49

Hallo zusammen!

Ich möchte in eine WebSite Thumbnails integrieren. Das ist mir auch so weit gelungen, dass kleine "Platzhalter" erscheinen, in denen der Alternativbildtitel steht. Die Kästchen kann man auch anklicken, so dass sich mein gewünschtes Bild auf volle Größe in einem neuen Fenster öffnet.

Mein Problem: Es gibt keine Miniaturdarstellung. Der Platzhalter ist einfach ein leeres Kästchen mit dem berühmten roten Kreuz in der linken Ecke, was immer dann kommt, wenn man in der html irgend einen Fehler eingebaut hat. Aber ich möchte das Foto doch vorher im Miniformat haben, so dass man sich entscheiden kann, ob man es vergrößert sehen möchte oder nicht.

Hier meine html-Datei:

<a href="bank.jpg" target="_blank">
<img src="minibank.jpg" width="100" height="80" alt="Bank" border="1">
</a>

Kann mir jemand einen Tipp geben, wo mein Fehler ist? Das Bild heißt "Bank".
Danke im Voraus.

MartinH · 03.02.2005, 17:14

Hallo Kiki,

gibt es im selben Verzeichnis denn auch ein Bild namens minibank.jpg ?
Falls nicht, musst du es erstmal erstellen und hochladen.

Martin

mir mich · 03.02.2005, 20:40

Hallo!

IrfanView kann das und ist freeware.

http://www.irfanview.com/

Dann
Dateien, Thumbnails
In dem sich öffnenden Fenster das Verzeichnis suchen, in dem die Bilder auf deiner Platte liegen.

Mittels Optionen kannst du die Größe der Thumnails festlegen.

Dann glaube ich
als Html speichern

Die Thumnails werden in einer Html eingefügt.
Diese muß auch unbedingt die Endung .html haben.

Hab keine Zeit, jetzt zu checken wie das genau ging.
Sorry!

Kann dir leider kein Beispiel zeigen, da http://8ung.at/ down zu sein scheint.

Gruß!
mir mich

DonQuijano · 03.02.2005, 21:46

Ungefähr so?
Die Thumbs minibank 1 bis 3 zu den bank 1 bis 3 liegen im Ordner thumbs:
<?xml version="1.0" encoding="ISO-8859-15" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Bildergalerie /</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-15"/>
<style type='text/css'>
BODY {color: #d0ffd0; background: #333333;
font-family: helvetica, sans-serif;
font-size: 14pt; margin: 8%; }
H1 {color: #d0ffd0;}
TABLE {text-align: center; margin-left: auto; margin-right: auto;}
TD { color: #d0ffd0; padding: 1em}
IMG { border: 1px solid #d0ffd0; }
</style>
</head>
<body>
<h1>Bildergalerie </h1><p>
<i>Anzahl der Bilder</i>: 3<br/>
<i>Erstellt</i>: heute</p>
<hr/>
<table>
<tr>
<td align='center'>
<a href="bank1.jpg"><img src="thumbs/minibank1.jpg" width="100" height="80" alt="thumbs/minibank1.jpg"/></a>
<div>bank1.jpg</div>
</td>
<td align='center'>
<a href="bank2.jpg"><img src="thumbs/minibank2.jpg" width="100" height="80" alt="thumbs/minibank2.jpg"/></a>
<div>bank2.jpg</div>
</td>
<td align='center'>
<a href="bank3.jpg"><img src="thumbs/minibank3.jpg" width="100" height="80" alt="thumbs/minibank3.jpg"/></a>
<div>bank3.jpg</div>
</td>
</tr>
</table>
</body>
</html>

mir mich · 03.02.2005, 23:13

Hallo!

8ung.at ist wieder da, meine Hompage eben nicht.

Anbei den Code den Irfanview gebastelt hat.

Code:

ATTFilter

<html>
<head>

</head>
<body text="#000000" bgcolor="#808080" link="#0060FF" alink="#0060FF" vlink="#FF0000">


<center>
<TABLE>


<TR>

<TD ALIGN=CENTER VALIGN=BOTTOM><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><A HREF="Elbe_bei_Haseldorf.html" style="text-decoration:none">
<IMG SRC="Elbe_bei_Haseldorf_t.jpg" BORDER="0" ALT="Elbe_bei_Haseldorf.html"><BR>Elbe_bei_Haseldorf.jpg<BR>46.31 KB</A></FONT></TD>

</TR>
<TR>

<TD ALIGN=CENTER VALIGN=BOTTOM><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><A HREF="Elbe_bei_Hetlingen_1.html" style="text-decoration:none">
<IMG SRC="Elbe_bei_Hetlingen_1_t.jpg" BORDER="0" ALT="Elbe_bei_Hetlingen_1.html"><BR>Elbe_bei_Hetlingen_1.jpg<BR>73.07 KB</A></FONT></TD>

</TR>

<TR>

<TD ALIGN=CENTER VALIGN=BOTTOM><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><A HREF="Elbe_bei_Hetlingen_2.html" style="text-decoration:none">
<IMG SRC="Elbe_bei_Hetlingen_2_t.jpg" BORDER="0" ALT="Elbe_bei_Hetlingen_2.html"><BR>Elbe_bei_Hetlingen_2.jpg<BR>81.05 KB</A></FONT></TD>

</TR>


</TABLE>
</center>

</body>
</html>

Kiki · 04.02.2005, 06:33

Danke euch allen erst mal. Das probiere ich der Reihe nach durch.

Nein, ein Bild "Minibank" gibt's nicht, d. h. also dass ich das Miniaturbild mit den Miniaturmaßen eingeben muss? Also <img src.....>, die ganze Litanei und dann weight und highth im Kleinformat?

Natürlich habe ich das Ganze in eine html verpackt - das hatte ich nur nicht geschrieben. Es kommen erst ein paar Wort von mir zu den Bildern und dann die Thumbnails.

IrfanViewer habe ich im Büro - da probiere ich das erst mal aus, bevor ich mir das hier auch noch drauf packe. Ich habe hier zuhause PhotoStudio 2000, das war seinerzeit bei meinem Scanner dabei, und da komme ich ganz gut mit zurecht.

Falls ich nicht durchsteige, mache ich noch mal Meldung. Danke einstweilen.
Und schönen Karneval für die, die's mögen! Ich verbringe meine Zeit lieber hier am PC.

Gruß aus dem Bergischen, verregneten Land!

DonQuijano · 04.02.2005, 10:52

Zitat:

Zitat von Kiki

... d. h. also dass ich das Miniaturbild mit den Miniaturmaßen eingeben muss?

Ja, es muss auch vorhanden sein.

Zitat:

Zitat von Kiki

Also <img src.....>, die ganze Litanei und dann weight und highth im Kleinformat?

Mit width= und height= kommst du besser zurecht, denke ich.

mir mich · 04.02.2005, 20:35

Hallo!

Wiso ist der Thread denn in 'Netzwerke und Hardware' verschoben worden?

Wäre da nicht 'Alles rund um Windows' besser gewesen?

Anbei noch ein mittels Irfanview erstelltes Html.

Dauert etwas bis es geladen ist.

http://www.8ung.at/mirmich/Fotos/Fotos.html

Die Thumnails werden automatisch von IrfanView erzeugt.
Wie oben beschrieben, kannst du die Größe der Thumnails verändern.

Die grossen Fotos in ein Verzeichniss packen. Mit IrfanView dieses Verzeichniss aufrufen.
Dann wie im obigen Post das Teil arbeiten lassen.

Hintergrundfarbe, Überschrift etc. einfach danach mit einem Editor (Z.B. Phase 5) ändern.

Gruß!
mir mich

Kiki · 05.02.2005, 08:28

Hallo ihr netten Helfer!

Ich wollte nur kurz Vollzug melden: Mein Denkfehler war, dass ich das Bild "minibank" gar nicht hochgeladen hatte. Kleine Ursache große Wirkung. Das habe ich jetzt nachgeholt - und siehe da! Meine html reicht völlig aus, ich brauche auch keine Tabelle zu basteln (gott-sei-dank, denn das ist ja ätzend!).

Vielen Dank euch allen und wupp-di-ka aus Wuppertal!

mir mich · 05.02.2005, 19:20

Hallo!

Zitat:

brauche auch keine Tabelle zu basteln

In meinem Beispiel bastelt das Tool die Tabelle!

Gruß!
mir mich

Kiki · 06.02.2005, 07:38

@mir mich,

gut, dann probiere ich das doch mal aus und gucke, wie's aussieht!

Danke!

Yopie · 06.02.2005, 13:12

Schau Dir auch mal http://jalbum.net/ und Gallery Constructor an.

Gruß

Yopie

Kiki · 10.02.2005, 16:57

Hi Yopie!

Das sind zwei tolle Tipps

- damit mache ich meine nächsten Bilder!
Danke herzlichst.

Gruß
Kiki

06.02.2005, 13:12	#12
Yopie Moderator, a.D.	Thumbnails Schau Dir auch mal http://jalbum.net/ und Gallery Constructor an. Gruß Yopie

Thumbnails

Netzwerk und Hardware: Thumbnails

Thumbnails

Thumbnails

Thumbnails

Thumbnails

Thumbnails

Thumbnails

Thumbnails

Thumbnails

Thumbnails

Thumbnails

Thumbnails

Thumbnails

Thumbnails

Ähnliche Themen: Thumbnails

03.02.2005, 17:14	#2
MartinH	Thumbnails Hallo Kiki, gibt es im selben Verzeichnis denn auch ein Bild namens minibank.jpg ? Falls nicht, musst du es erstmal erstellen und hochladen. Martin __________________

05.02.2005, 08:28	#9
Kiki	Thumbnails Hallo ihr netten Helfer! Ich wollte nur kurz Vollzug melden: Mein Denkfehler war, dass ich das Bild "minibank" gar nicht hochgeladen hatte. Kleine Ursache große Wirkung. Das habe ich jetzt nachgeholt - und siehe da! Meine html reicht völlig aus, ich brauche auch keine Tabelle zu basteln (gott-sei-dank, denn das ist ja ätzend!). Vielen Dank euch allen und wupp-di-ka aus Wuppertal!

06.02.2005, 07:38	#11
Kiki	Thumbnails @mir mich, gut, dann probiere ich das doch mal aus und gucke, wie's aussieht! Danke!

10.02.2005, 16:57	#13
Kiki	Thumbnails Hi Yopie! Das sind zwei tolle Tipps - damit mache ich meine nächsten Bilder! Danke herzlichst. Gruß Kiki