& CSS: Nicht Entweder-Oder, sondern Sowohl-Als-Auch !

[Gernot Back]

Hallo Ingo,

Diese Lösung von mir benötigt beides, allerdings erfordert nur das frühzeitige Ausblenden des großen Bildes Javascript.

Interessante Lösung, ich vermute, die widersprüchlichen Hover- und MousOver-Angaben zur Weite des A-Elements dienen nur zur Absicherung bei deaktiviertem CSS?

  
#foto a:hover { width:532px; }  

  
<div id="foto">  
  <a href="#" onmouseover="[code lang=javascript]this.style.width='148px';  
                           document.getElementById('foto2').style.width='384px';
~~~"  
              onmouseout="`document.getElementById('foto2').style.width='0';`{:.language-javascript}">  
    <img src="/bilder/kulturwocheKlein.jpg" width="148" alt="" />  
  </a>  
</div>  
[/code]  
Ich hatte ja -auf der Basis deines ersten Vorschlags- auch schon was vorbereitet, und - wo es dann schon mal mit JS losging auch gleich mit Vorladefunktion für die Hover-Bilder und der zusätzlich von Silke gewünschten zeitlchen Verzögerung beim Zurückblenden des großen Bildes. Letzteres finde ich zwar eigentlich eher verwirrend, aber um zu zeigen, dass man für so etwas auch keinen Dreamweaver braucht, habe ich auch das mal eingebaut.  
  
<http://www.sprachlernspiele.de/selftests/schaukasten.html>  
  
Angesichts der Tatsache, dass die Bilder, insbesondere bei den Links zu den Professoren inhaltlich gar nichts mit diesen zu tun haben und nur dem Design dienen, fände ich es eigentlich auch legitim, sie nur in den Hintergrund der Links zu stecken. Das große Bild mit dem Tuareg, das inhaltlich den stärksten Bezug zur afrikanischen Kulturwoche hat, ist ja auch bei dir ausschließlich als Hintergrundbild zu bewundern. Wenn man es mit der Barrierefreiheit also auf die Spitze treiben will, müsste man auch da noch eine Lösung basteln, die zumindest Nutzern mit JS dieses beim Drüberfahren mit der Maus im Vordergrund anbietet.  
  

> Vielleicht könnte man auch eine andere Lösung mittels einer map finden - ich hatte allerdings keine Lust mehr, das auszuprobieren.  
  
Das wäre sicherlich auch eine Lösung mit Javascript und angesichts einer rechteckigen Area bestimmt unnöig kompliziert. Ich habe hier in letzter Zeit so oft gegen den Irrglauben angekämpft, man könne Maps mit CSS gestalten, deshalb sage ich es auch hier noch einmal, nicht dir, du weißt es, sondern für's Archiv.  
  
Gruß Gernot