Jetzt suche ich aber eine möglichkeit die Bilder die ausgegeben werden verkleinert anzuzeigen, also so das alles im Browser gesehen werden kann, quasi von der Auflösung des Betrachters abhängig.

Das geht.
Musst halt mit Hilfe von JS die akutelle Auflösung ermitteln. Hier

Wenn man allerdings auf das Bild klickt soll die volle Größe wieder angeziegt werden und wenn man nochmal drauf klickt soll es wieder komplett im Fenster angepasst sein.

Dann musst du auf das verkleinerte Bild ein "onClick" befehl setzen, dass dann das original Bild aufruft. Und auf dem original Bild nochmal ein "onClick" Befehl setzen.

Das alles soll aber nur passieren wenn das Bild zu groß ist, wenn es von hause aus in den Browser passt soll nichts damit pasieren.

Tja, dann vergleichst du eben, ob die Bildgröße (width, height) größer als die Bildschrimgröße ist.

Ist sowas mit Javascript möglich? Leider hab ich keine Ahnung wie ich damit anfangen soll, oder weiß vielleicht jemand schon ein fertiges Script?

Fertiges Script?
Musst du suchen, aber ich glaube nicht.
Fang erstmal an, die Bildschrim auflösung zu ermitteln.
Dann berechnest du (width, height) wieviele Bilder (bei der aktuellen Auflösung) auf die Seite passen, und teilst den Bildern beim Laden die Größe mit (z.b. document.write("<img src='img/pic1.jpg' width='"+ width +"' height='"+ height+"' />");).

Gruss

@@snoodles:

quasi von der Auflösung des Betrachters abhängig.

Der Betrachter aufgelöst??

Egon Olsen war der Auflösung in Säure durch das „Dumme Schwein“ damals* ja knapp entgangen …

Worin willst du die Betrachter deiner Seiten auflösen? Und warum?

Wenn du die Auflösung von deren Monitor meinst – nein, diese ist völlig irrelevant.

Wenn man allerdings auf das Bild klickt soll die volle Größe wieder angeziegt werden und wenn man nochmal drauf klickt soll es wieder komplett im Fenster angepasst sein.

Vorneweg: Das Skalieren von Bildern durch Browser ist allgemein keine gute Idee.

Ja, dein Vorhaben ist möglich. Gib dem Bild initial eine Breite von 100%. Per Click änderst du diese auf "auto" – entweder über das 'http://de.selfhtml.org/javascript/objekte/style.htm@title=style'-Objekt oder (besser wegen Trennung von Präsentation (Layout) und Verhalten) du setzt bzw. entfernst eine Klasse "fullSize", wobei deren Breitenangabe im Stylesheet steht:

img {width: 100%}  
img.fullSize {width: auto}

Live long and prosper,
Gunnar

* „Die Olsenbande fliegt über die Planke“

Hi,
Ich hab es nun so gemacht und es funktioniert, spricht was dagegen oder ist das so ok?

  
<script type="text/javascript">  
 window.addEvent('domready', function(){  
  var mySlide = new Fx.Slide('slideheader', {mode: 'horizontal'});  
  
  mySlide.hide();  
  mySlide.slideIn();  
  
  var Tips2 = new Tips($$('.Tips2'), {  
   initialize:function(){  
    this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);  
   },  
   onShow: function(toolTip) {  
    this.fx.start(1);  
   },  
   onHide: function(toolTip) {  
    this.fx.start(0);  
   }  
  });  
  
  
 });  
 </script>  

Gruß,
snoodles