PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Bild von klein auf groß


GangstaMaus
2003-12-06, 16:20:47
Hi,


also ich will auf meine Page Bilder machen. Sie sollten erst klein angezeigt werden, halt so ne Vorschau, und wenn man drauf klick das sie dann größer werden. Hab zwar schon einen html code gefunden, aber der geht irgendwie net, kennt vielleicht jemand nen html code den ich da einfügen könnte oder ne page wo ich das drauf finde?

ernesto.che
2003-12-06, 18:02:37
<a href="bild_groß.png"><img src="bild_klein.png" border="0"></a>

GangstaMaus
2003-12-06, 18:08:38
aha und was soll ich jetzt damit anfangen?


das andere was ich bekommen hab sieht so aus :

<script>
<!--- Hide script from old browsers
// (c) 2002 M.Bothge - Schwarzheide
// BILD IN NEUEM ZENTRIERTEN FENSTER ÖFFNEN
//
function OpenNewWindow(Picture,Breit,Hoch)
{
xsize = Breit+35;// Zusatz für Rand rechts und links
ysize = Hoch+180; //Zusatz für Rand oben und unten - damit Button angezeit werden kann

ScreenWidth = screen.width;
ScreenHeight = screen.height;

xpos = (ScreenWidth/2)-(xsize/2);
ypos = (ScreenHeight/2)-(ysize/2);
NewWindow=window.open("","Picture","height="+ysize+",width="+xsize+",scrollbars=no,resizable=no,top="+ypos+",left="+xpos+"");
NewWindow.document.write ("<html><head><title>BILDANZEIGE");
NewWindow.document.write ("</title></head>");
NewWindow.document.write ("<body bgcolor='black' onload='focus()'>");
//NewWindow.document.write ("<body bgcolor='#cccccc'>");
NewWindow.document.write ("<table align='center'><tr>");
NewWindow.document.write ("<td align='center' valign='top'>");
NewWindow.document.write ("<table border='1' bgcolor='#000000' cellpadding='0' cellspacing='1'><tr><td align='center'>");
NewWindow.document.write ("<img src=");
NewWindow.document.write (Picture);
NewWindow.document.write (">");
NewWindow.document.write ("</tr></table>");
NewWindow.document.write ("</td></tr><tr>");
NewWindow.document.write ("<td align='center' valign='bottom'>");
NewWindow.document.write ("<br><center><form><input type='button' value='FENSTER SCHLIESSEN' style='font-family: Verdana; font-size: 10px' onClick='self.close()'>");
NewWindow.document.write ("</td></tr></table>");
NewWindow.document.write ("</form></body></html>");
NewWindow.document.close();
NewWindow.resizeTo(xsize,ysize);
}

// end hiding from old browsers -->
</script>





<a href="javascript:OpenNewWindow('http://people.freenet.de/GangstaMaus/fips.jpg
',640,450)">
<img src="http://people.freenet.de/GangstaMaus/fips.jpg" height="100" alt="Klick mich und ich werde gross..." border="0"></a>

GangstaMaus
2003-12-06, 18:09:29
toll auser dem smilie der gehört da eigentlich net rein *lol*

imagine
2003-12-06, 18:28:39
aha und was soll ich jetzt damit anfangen?
In deinen Quellcode einfügen. Wenn du die Großversion nicht im gleichen Fenster öffnen willst füg noch ein target="_blank" hinzu.
<a href=bild_groß.png" target="_blank"><img src="bild_klein.png" alt="Was auch immer auf dem Bild zu sehen ist" border="0"></a>


das andere was ich bekommen hab sieht so aus :
[...]

Vergiss das gleich wieder. Für alle Leute die JavaScript deaktiviert haben ist dann nämlich Ende. Außerdem ist der Einsatz von JavaScript hier völlig unnötig.

GangstaMaus
2003-12-06, 18:32:18
ok und irgendwo muss ich doch den link vom bild einügen oder?

ernesto.che
2003-12-06, 18:35:54
<a href=bild_groß.png" target="_blank"><img src="bild_klein.png" alt="Was auch immer auf dem Bild zu sehen ist" border="0"></a>


Da ist der Link doch über das a href schon eingefügt

imagine
2003-12-06, 18:36:05
Ja hinter das href trägst du den Link zur Großversion ein, hinter das src den Link zur kleinen Version.

Oder lies dir einfach die Seite mal durch: http://selfhtml.teamone.de/html/grafiken/verweise.htm
Und wenn du Zeit hast gleich noch den Rest des Buchs :)

GangstaMaus
2003-12-06, 18:40:36
aha kapier ich zwar jetzt net aber gut

Micron
2003-12-06, 22:17:45
Vielleicht hilft dir das :

http://www.image-service.de/text2.php

GangstaMaus
2003-12-06, 22:59:43
Original geschrieben von Micron
Vielleicht hilft dir das :

http://www.image-service.de/text2.php

ähm... das hat aber nix damit zu tun wie ich die bilder von klein auf groß auf meine page bring.


EDIT:

Ich bin immer noch net weiter..

imagine
2003-12-06, 23:10:02
Micron stehst du unter Drogen? ;)

@GangstaMaus
Wo genau is denn dein Problem? Irgendwo in deinem Quelltext steht dein Bild. Ungefähr so: <img src="meinTollesBild.png" alt="Was auch immer auf dem Bild zu sehen ist">
Vornedran packst du nun den Link mit einem a href davor:
<a href=meinTollesBildInGross" target="_blank">
und hintendran noch ein </a>.

Am Schluss steht dann also


<a href=meinTollesBild.png" target="_blank"><img src="meinTollesBildInGross.png" alt="Was auch immer auf dem Bild zu sehen ist"></a>


Bevor du eine Homepage erstellst solltest du dich wenigstens ein wenig mit HTML befassen, sonst hockst du vor deinem eigenen Code wie eine Katze vor dem Kalender und verstehst gar nix.

Micron
2003-12-06, 23:45:42
toll ich hab mich befor ich ne page mach damit befasst, aber ich hab net dran gedacht das ch mal sowas machen will.

da is ja eigentlich kein problem, nur so wie ihr das gesagt habt muss ich das bild einmal in groß und einmal in klein hochladen?


GANGSTAMAUS

Endorphine
2003-12-07, 02:19:30
Ja, du musst das Bild einmal in gross und einmal in klein auf deinem Webserver haben.

Übrigens nennt sich das was du machen willst "Thumbnail" (engl. für Daumennagel, meint kleine Vorschaubilder, die mit einem Hyperlink verknüpft sind, der auf eine große Version zeigt).

Das Codeformat für ein Thumbnail ist - wie bereits mehrfach gesagt:
<a href="./grosse_version.jpg"><img src="./thumbnailversion.jpg" width="Breite_des_Thumbnails(Pixel)" height="Höhe_des_Thumbnails(Pixel)"
border="0" alt="Alternativtext" title="Titeltext" /></a> <a href="URL">Linktext</a> bezeichnet übrigens das "Anchortag" (engl. - Anker - Start- und Endpunkt eines Links, einer Verbindungskette zwischen zwei Ankern) - meint einen Link auf eine andere Ressource als das HTML-Dokument. Diese Funktion wird übrigens "Hypertext" genannt.

GangstaMaus
2003-12-07, 13:38:28
Also letzter Versuch ;D

zb steht dann da:

<a href=http://people.freenet.de/GangstaMaus/Markus_Boeker5.jpg" target="_blank"><img src="http://people.freenet.de/GangstaMaus/Markus_Boeker5000.jpg" alt="Was auch immer auf dem Bild zu sehen ist" border="0"></a>


Und was soll rein bei : Was auch immer auf dem Bild zu sehen ist??


Soll ich da nen Text hinschreiben oder was?

EDIT:

gut hat jetzt glaube geklappt aber net so wie ichs wolte :(

das soll dann so aussehn wie bei www.newcomer-model.de , dann auf models.

also wenn man das bild großer klickt das der Rahmen dann auch nur so groß ist wie das Bild.