Ergebnis 1 bis 2 von 2

Thema: wie ist das programmiertechnisch lösbar?

  1. #1
    Unregistriert
    Gast

    Standard wie ist das programmiertechnisch lösbar?

    hi,

    ich möchte beim aufrufen einer seite erstmal nur ein bild anzeigen. der komplette rest soll "ausgeblendet" sein:
    http://dl.dropbox.com/u/37026928/zustand1.jpg

    erst wenn man in die ausgegraute fläche klickt, ist alles ganz normal sichtbar:
    http://dl.dropbox.com/u/37026928/zustand2.jpg

    kennt jemand da was, idealerweise in jquery verpackt?

    bin für jeden ratschlag dankbar!
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Großmeister(in)
    Registriert seit
    09.12.2008
    Ort
    Berlin
    Alter
    38
    Beiträge
    666
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: wie ist das programmiertechnisch lösbar?

    Jquery brauchst da nur für das Clickevent.
    Du legst einfach ein div mit bg black 100% breite 100% höhe und entsprechender opacity über die Seite und gibst der ein clickevent welches das div dann entfernt. Auf dem div kannst dein Bild noch positionieren.
    So in etwa (ungetestet):
    HTML-Code:
    <style type="text/css">
    #overlay { z-index:5000;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);display:table-cell;text-align:center;vertical-align:middle; }
    </style>
    <script type="text/javascript">
    $(function(){
      $("#overlay").click(function(){
        $(this).remove();
      });
    });
    </script>
    <div id="overlay">
      <img src="meineGrafik.jpg" alt="">
    </div>
    display:table-cell; ist nur drin um den Inhalt auch vertikal zentrieren zu können, muss aber gestehen, dass ich das glaub noch nie getestet habe, sollte aber hinhauen.
    "Programming today is a race between software engineers
    striving to build bigger and better idiot-proof programs,
    and the universe trying to build bigger and better idiots.
    So far, the universe is winning."
    Rick Cook

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •