Lampe16: Bilder weiterschalten mit Bild-ab-Tate

Hallo html-Eingeweihte,
mein html-Dokument enthält eine längere Reihe von Bildaufrufen der folgenden Art mit fortlaufenden name-Bezeichnungen:

<a name="Thema1"></a>  
<img src="./B001.JPG" width="900px" alt="Bild"  title="B001.JPG">  
<p style="width:900px;">  
 <span style="font-size:150%">Bildunterschrift</span><br><br><br><br>  
</p>

wobei die Bilder im Vollbild-Modus anzuschauen sind. Wenn ich die hier nicht abgebildeten Verweise (ohne Anzeigetext) anklicke, ist alles so, wie es sein soll.

Die Durchgangsoption mit der "Bild ab"-Taste wäre ein kleiner Zusatzkomfort.

Bei fortgesetztem Betätigen der "Bild ab"-Taste wandert die BildUnterKante an die UK des Bildschirms und die Unterschrift des vorigen Bildes steht oben.

Bei fortgesetztem Betätigen der "Bild auf"-Taste (Rückwärtsdurchlauf der Bilder) wandert die BildOberKante an die OK des Bildschirms und ich kann die Bildunterschrift lesen.

Wie kann ich erreichen, dass die "Bild ab"-Taste die OK von Bild und Schirm zur Deckung bringt? Der Rückwärtsweg ist mir nicht wichtig, da ja auch die Verweise zur Verfügung stehen.

Gruß, Lampe16

  1. Hi,

    <a name="Thema1"></a>

    <img src="./B001.JPG" width="900px" alt="Bild"  title="B001.JPG">
    <p style="width:900px;">
    <span style="font-size:150%">Bildunterschrift</span><br><br><br><br>
    </p>

      
    Grob unsinniger Code.  
    A kann entfallen - Anker lässt sich auch per ID eines beliebigen anderen Elements festlegen;  
    IMG will in P mit rein;  
    und die BR wollen sich ins ewige Eis zurückziehen, wo ihre charakteristischen Laute als normal gelten und nicht so störend wirken, wie hierzulande. Abstände willst du per CSS machen, denn das ist für Darstellung zuständig.  
      
    
    > Die Durchgangsoption mit der "Bild ab"-Taste wäre ein kleiner Zusatzkomfort.  
      
    
    > Wie kann ich erreichen, dass die "Bild ab"-Taste die OK von Bild und Schirm zur Deckung bringt?  
      
    Per JavaScript kannst du die verfügbaren Anker ermitteln, und den jeweils nächsten beim Betätigen der Taste (auf Events wie onkeydown, -press oder -up auf dem document/window reagieren) anspringen lassen, in dem du location.hash den entsprechenden Bezeichner zuweist.  
      
    MfG ChrisB  
      
    
    -- 
    RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
    
    1. Danke ChrisB,
      ich werd's versuchen.
      Gruß, Lampe16

    2. @@ChrisB:

      nuqneH

      IMG will in P mit rein;

      Wobei sich drüber streiten lässt, ob 'p' wirklich das semantisch richtige Element für ein Bild mit Bildunterschrift ist.

      In HTML 4/XHTML 1 mag 'div' mit Klasse passend sein; HTML5 bietet dafür 'figure'/'figcaption'.

      Abstände willst du per CSS machen, denn das ist für Darstellung zuständig.

      Das gilt auch für Schriftgrößen.

      Und sämtliche Stilangaben sollten im Stylesheet stehen, nicht inline in @style-Attributen.

      Qapla'

      --
      Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
      (Mark Twain)
    3. Hallo nochmal

      Per JavaScript kannst du die verfügbaren Anker ermitteln, und den jeweils nächsten beim Betätigen der Taste (auf Events wie onkeydown, -press oder -up auf dem document/window reagieren) anspringen lassen, in dem du location.hash den entsprechenden Bezeichner zuweist.

      MfG ChrisB

      Ich habe das Problem jetzt so gelöst: Jedes Bild und seine  Unterschrift steht in einem im head CSS-formatierten und durch id ansteuerbaren div-Bereich. img ist in einem a untergebracht,   der auf die id des nächsten Bildcontainers verweist. Damit kann ich die Bilder in freier Reienfolge  mit den Hyperlinks aufrufen und in fortlaufender durch Anklickden des aktuellen Bildes.

      Das ganze geschieht - wie vorher schon - in einer php-Schleife, weil die Anzahl der Bilder dreistellig ist. Dadurch wird es irrelevant, ob die diversen Textformatierungen im head vor- oder in die tags eingestreut definiert werden.

      Falls das auch wieder eine "grob unsinnige" Lösung ist, bitte ich nochmal um einen sinnigen, eleganteren Vorschlag.
      Gruß,