Verkleinerte Bilder Zum Anklicken Einstellungen

[Gast_Dakar_*]

Hallo

Wahrscheihnlich eine einfache Anfängerfrage, aber ich finde nichts, weil ich nicht weiss, wie diese Bildchen heissen...

Gemeint sind: kleine .gif`s die beim Anklicken in ihrer wesendlich grösseren Originalgrösse aufpoppen - mmmh, ihr wisst was ich meine?!

Oder sind das einfache Verlinkungen von einem kleinen und einem grossen Bild mit target _blank ?!

Gruß

[Conny]

Hi Tom,
Deine Vermutung ist richtig, i.d.R. ist es ein Thumbnail (kleines Bild) welches als Link fungiert zum großen original Bild.
Das kann man mit Target _blank machen, auch aber mit andere Möglichkeiten (JS z.B.)

cu
Conny

[Gast_heinzelhund_*]

Oder sind das einfache Verlinkungen von einem kleinen und einem grossen Bild mit target _blank ?!

Hallo,

genau so ist es. Die Dinger, die da etwas kleiner sind als das Original und die da so komisch aufpoppen wenn man da draufklickt, heißen "Thumbs".

Kannste automatisch mit einigen Tools erzeugen (Irfan View) oder per Hand in einem Bildbearbeitungsprogramm. Letzteres ist mehr Arbeit, ergibt aber auch das bessere Resultat, wenn du es dort nicht auch über eine Automatik machst.

Ciao
Heinzelhund

-----------

Nachtrag:
Bin ich heute wieder langsam.

Der Beitrag wurde von heinzelhund bearbeitet: 25.04.2004 - 18:24

[amethyst]

Hallo Tom,
ja ;-)) gemeint sind Thumbnails, so heißen die Dinger, glaube ich.

Also ich hab auf meiner Seite 1 Titelblatt zu einem Handbuch und wenn Du darauf klickst öffnet sich eine neue Seite mit einem größeren Bild dazu.

Terry hat das auf ihrer Seite viel schöner gelöst. Da werden die Bilder in einem Div-Container eingeblendet.

Und es gibt sicher noch sehr viel mehr Möglichkeiten.

Gruß Uschi

Nachtrag:
Haben hier eigentlich alle nix zu tun? ;-))

Der Beitrag wurde von amethyst bearbeitet: 25.04.2004 - 18:26

[Gast_Dakar_*]

Hallo Uschi,

bei Dir wird ein neues Browserfenster geöffnet...

<a href="../../htmlcss-deckblatt.html" target=_blank><img src="../../grafik/htmlcss-tut-th.jpg" vspace="15" hspace="15" alt="Das HTML+CSS-Handbuch" border="0"></a>

<p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Zum Schlie&szlig;en auf das Bild klicken</font></p>

<p><a href="" onClick="java script:self.close()"><img src="grafik/htmlcss-tut.jpg" alt="Das Outlook-Handbuch" border="1"></a></p>

Was muss ich ändern, damit das grosse Bild einfach in einem dünnen PopUp-Rahmen erscheint und sich nicht gleich der Browser neu öffnet?

Dieses Onklick-Schliessen-Gedöns find ich übrigens witzig und einfach...

Grüße

PS: Conny - Herzlichen Glückwunsch zum Award ...wie funktioniert da die Autoschliessung nach ... Sekunden?

[amethyst]

Hi Tom,
da fragst Du die Falsche, ich weiß das nicht, aber ganz sicher jemand anderer hier ;-))

Gruß Uschi

Der Beitrag wurde von amethyst bearbeitet: 25.04.2004 - 18:55

[Conny]

...wie funktioniert da die Autoschliessung nach ... Sekunden?

Hallo Tom,
diese kleine Fensterchen ist JavaScript gesteuert, mit der Zeile:
setTimeout('closeWin(newWindow)', 5000);
Habe ich bewirkt, daß es sich nach 5 Sek. wieder schließt.

Das Aufpoppen von Fotos in einem Fenster welches genau so groß ist, ist auch eine Sache die man mit JavaScript macht.
so in etwa:

QUELLTEXT

function openWindow(strUrl)
       {
               var strSettings;

               //var h=60;
               //var w=290;

               strSettings =
"height=60, width=290, location=no, menubar=no, resizable=yes, scrollbars=auto, status=no, toolbar=no";
               
objWindow = window.open(strUrl, "trimmelterhof_window", strSettings);
objWindow.moveTo(10, 20); //wo das Fenster positioniert werden soll
objWindow.focus();
       }

Wenn nun die Größenangaben -im Script- so groß sind wie das Foto welches man zeigen möchtest, gibt es ein PopUp so groß wie das Foto.

cu
Conny

[Terry]

Dein selbstaufspringendes Pop-up hat halt den Nachteil, dass es bei Pop-Up-Blockern und den meisten "Nicht-IE-Browsern" nicht funktioniert. Besser was anklickbares benutzen, das funktioniert dann auch meistens, wenn man nicht gerade Javascript ganz ausgeschaltet hat.

Und wenn Uschi schon meine Seite erwähnt... - ich finde das ja auch sehr witzig und deshalb hab ich das ja auch gemacht - aber das geht eben auch nur mit Javascript und ein weiteres Problem sind die langen Ladezeiten, da alle Bilder auf einer Seite liegen (die meisten halt nur unsichtbar) und erst geladen werden müssen. Deshalb hab ich jetzt nur maximal 6 oder 7 Bilder auf einer Seite. Pop-Up-Fenster, die extra aufspringen, haben da weniger Ladezeitprobleme...

Hat alles Vor-und Nachteile. Die schönen Varianten sind aber fast alle mit Javascript verbunden, ich hatte da verschiedenes ausprobiert.

Eine Variante noch: Man macht ein Iframe und lädt dort die einzelnen Seiten mit den Bildern rein auf Anklicken der Thumbs.

[amethyst]

Stop ;-)) iframe funktioniert im Opera nur sehr bedingt. Ich hab sowas mal in einem anderen Forum getestet, leider gibt es die Seite nicht mehr, da passierte dann folgendes, ich zitier mich mal selbst

Hallo, das ganze verhält sich im Opera sehr merkwürdig. Irgendwann kommt das Bild im iframe (aber so lange wird es kein Benutzer probieren) und wenn erst einmal das erste Bild da war, kommen die anderen dann auch sofort. Klickst du die Seite weg und startest sie neu, wieder die gleiche lange Wartezeit.

Gruß Uschi

[Gast_heinzelhund_*]

Hallo!

Und hier noch etwas Bettlektüre
window.open (SelfHTML)

Ciao
Heinzelhund

-------------

Übrigens: netter Spruch unter dem Avatar. Ich gebe zu, ich habe mich neulich wirklich etwas seltsam gefühlt. - Und ich poste noch immer.
(Ich weiß, diese Bemerkung wird in einiger Zeit niemand mehr verstehen ...)

Der Beitrag wurde von heinzelhund bearbeitet: 25.04.2004 - 19:53

[Google Bot]