Bildanpassung !

Status
Nicht offen für weitere Antworten.
Rizer

Rizer

Mitglied
Hallo, da ich in sachen coden und scripen der absolute Nubbl bin, dachte ich ich schreib hier einfach mal rein.Mir ist es fast peinlich diese Frage zu stellen aber ihr wisst ja, es gibt keine blöden Fragen, nur blöde Antworten :D .
Ich wollte wissen wie ich ein Bild an den Browser anpassen bzw. den Browser an das Bild anpassen kann, so das beim aufrufen der Seite nur das Bild angezeigt wird (1024*786) und nich der weisse rand drum rum,was ja passiert, wenn man eine höhere auflösung hat als 1024*786. Ich kanns zwar toll zentrieren <center></center> aber das sieht einfach nich toll aus. Ich hoffe irgendjemand versteht mein problem und kann mir weiterhelfen!
http://www.gamesports.de <-- da

Euer Rizer :)
 
Da ist JavaScript gefragt.

Sagen wir, du hast ein Vorschaubildchen auf deiner Seite. Wenn man da draufklickt, dann soll ein neues Fensterchen aufgehen, das exakt so groß ist, wie das anzuzeigende Bild.

Code: 
<script type="text/javascript" language="JavaScript">
<!--
// www.web-toolbox.net , W. Jansen
// Als Übergabeparameter wird die bildquelle,breite und höhe übergeben

function FotoWindow(bildurl,b,h)
{
var eigenschaft,sbreite,shoehe,fenster,b,h;

// stellt die Bildschirmabmessungen fest
var ns6 = (!document.all && document.getElementById);
var ie4 = (document.all);
var ns4 = (document.layers);

if(ns6||ns4) {
sbreite = innerWidth;
shoehe = innerHeight;
}
else if(ie4) {
sbreite = document.body.clientWidth;
shoehe = document.body.clientHeight;
}

x = (sbreite-b)/2;
y = (shoehe-h)/2;

eigenschaften="left="+x+",top="+y+",screenX="+x+",screenY="+y+",width="+b+",height="+h+",menubar=no,toolbar=no";

fenster=window.open("","",eigenschaften);
fenster.focus();
fenster.document.open();
with (fenster) {
  document.write('<html><head>');
  document.write("<script type='text/javascript' language='JavaScript'>");
  document.write("function click() { window.close(); } ");  // bei click  schliessen
  document.write("document.onmousedown=click ");
  document.write("</script>");
  document.write('<title>klick to close</title></head>');
  document.write('<body onblur="window.close()" '); // bei Focusverlust schliessen
  document.write('marginwidth="0" marginheight="0" leftmargin="0" topmargin="0">');
  document.write('<center>');
  document.write('<img src="'+ bildurl +'"border="0">');
  document.write('<center>');
  document.write('</body></html>');
  fenster.document.close();
}
}
//-->
</script>

Der o.g. Code muss in den <HEAD>-Bereich der Seite. Dann im Body den Link nach folgendem Muster:

PHP: 
<a href="Javascript:FotoWindow('foto-gross.jpg','240','180');"><img src="foto-klein.jpg" width="100" height="75" border="1" alt="klicken"></a>

Gruß
lightbox
 
Original geschrieben von hellsen
hab den fehler selbst gefunden

das javascript muss im a href teil einfach zusammen geschrieben werden
Zum Vergrößern anklicken....

Sorry für die Umstände. Aus unerfindlichen Gründen zerpflückt der "BB-Code" das Wort "Javascript" an der Stelle. An anderen Stellen tut er das nicht.
Wenn du bei meinem Beiträg mal auf "quote" klickst, dann kannst du sehen, dass es eigentlich richtig geschrieben ist, aber warum auch immer im Posting dann geändert wird.

Gruß
lightbox
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück