AjaxLike DivViewer - Seite Abdunkeln

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • AjaxLike DivViewer - Seite Abdunkeln

    Hallo,

    ich habe im Script Resource den AjaxLike DivViewer gefunden. Sehr nett und funktioniert sehr gut. Ich würde aber gern den Hintergrund abdunkeln wenn ein Bild geladen ist. Leider kann ich kein Javasript.

    Wo muss ich das Scritp anpassen (der Code versteckt sich hinter dem Link) und
    wie erzeuge ich ein DIV über den ganzen Bildschirm, möglichst IE sicher mit Javascript?

    Vielen Dank
    Seballa

  • #2
    Re: AjaxLike DivViewer - Seite Abdunkeln

    Original geschrieben von seballa
    ich habe im Script Resource den AjaxLike DivViewer gefunden.
    und der hat doch sicher auch eine doku, oder?
    Original geschrieben von seballa
    Ich würde aber gern den Hintergrund abdunkeln wenn ein Bild geladen ist. Leider kann ich kein Javasript.
    mal damit herumgespielt?
    PHP-Code:
    var bgOpacity 40
    peter
    Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
    Meine Seite

    Kommentar


    • #3
      ja hab ich schon der ändert die Transparenz der Navigations Buttons in der Box. Die Webseite wird vom Script nicht verändert.

      Im Grunde brauche ich eine JavaScript Funktion, die über die ganze Webseite ein Div legt. Krieg ich denk ich hin, hab inzwischen die Eigenschaft visible gefunden.

      Leider blicke ich im DivViewer nicht durch wie der Aufbau ist. Wenn mir jemand zeigt wo ich ein MeinDIV.visible=false hinschreiben muss bin ich super dankbar.

      Seballa

      Kommentar


      • #4
        Leider blicke ich im DivViewer nicht durch wie der Aufbau ist.
        ich auch nicht, so lange ich mich nicht durch fast 800 zeilen code gewühlt habe. mein vorschlag. schreib dem autor eine mail und frag ihn persönlich. der weiß am ehesten, wo das hin muss. oder schau mal nach lightbox.js, da geschieht das imho automatisch.

        peter
        Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
        Meine Seite

        Kommentar


        • #5
          Hier ist noch was kurzes:

          http://www.openwebboard.org/Tutorial...tml?1235363964

          Das Faden ist recht einfach gemacht, die Funktion ist vielseitig verwendbar. Ich benutz das öfter Vielleicht hilfts ja.

          Kommentar


          • #6
            So habe es geschaft mich selbst reinzuarbeiten (wow ich kann jetzt ein kleines bisschen java script). Wenn man mal ein Stunde damit befasst hat ist das Script sehr schön aufgebaut. Hab ein paar Kleinigkeiten dazu geschrieben:

            - Linkleiste um zu bestimmten Bildern zu springen
            - Diashow funktion die alle X Sekunden zum nächsten Bild spring an und ausschaltbar
            - 2. Linkleiste die bildbezogen eingeblendet wird
            - die Seite im Hintergrund wird abgedunkelt

            Meine Testseite kann man hier unter Bildergalerie finden:
            www.michelsstern.de/neu
            ist work in progress, einige Bilder sind dummies und die Links sind nicht zugeordnet.

            Wenn jemand Interesse hat kann ich den Code ja hier posten, müsste ich dann aber noch ein bisschen aufräumen.

            Seballa

            Kommentar


            • #7
              Hi,

              Also hier meine etwas veränderte Version des DviViewers mit einer kleinen Anleitung. Ich hoffe der Autor und alle Profis verzeihen mir meine nicht vorhanden Kenntnisse in Sachen Code Formatierung und Form.

              LG
              Seballa

              GAAAANZ einfach:

              1. Datei DV1.js ins HTML Verzeichnis (vorher die Stelle suchen wo der HTML Code geschrieben wird [writeHtmlCode()] dort die Zeile "childDVMenu" anpassen (die hier verlinkten Bilder sollten natürlich auch vorhanden sein.)

              2. Folgender Code muss in die CSS Datei oder mit <style type="text/css"> </style> in den Head hier kann das aussehen der Links beeinflusst werden
              PHP-Code:
              #childDVMenu a:link {color:#ffffff; }
              #childDVMenu a:visited {color:#ffffff; }
              #childDVMenu a:hover {color:#000000; }
              #childDVLinks a:link {color:#ffffff; }
              #childDVLinks a:visited {color:#ffffff; }
              #childDVLinks a:hover {color:#000000; } 
              3. Folgender Code muss in den Head, hier werden die Bilder verlinkt (die Ooiginale Bildergröße muss angegeben werden) und ggf. Unterlinks für die einzelnen Bilder definiert.
              PHP-Code:
              <script language="JavaScript" src="./DV1.js" type="text/javascript"></script>
              <
              script language="JavaScript" type="text/javascript">
              <!--
              var 
              myPics = new Array();
              var 
              meinLink = new Array();
              myPics[0] = '<img src="1.jpg" width="1920" height="1200" border="0" alt="Mein Bild Nummer 1">';
              myPics[1] = '<img src="2.jpg" width="1920" height="1200" border="0" alt="Immer zweiter">';

              meinLink[2] =   '<a href="http://www.meindummielink.de" target="_blank">Dummielink</a> - <a href="http://www.nochmal.de" target="_blank">Nochmal</a>';
              </
              script
              4. Folgender Code muss irgendwo in den Body
              PHP-Code:
              <a href="#" onClick="ZeigsBild();return false;" title="Starte Bilderrundgang">Starte Bilderrundgang</a>

              <
              noscript>Bitte JavaScript in den Browser-Einstellungen aktivieren um den Bilderrundgang sehen zu können!</noscript>

              <
              div id="blackbox" style="position:absolute; top:0px; left:0px; z-index:500; width:100%; height:100%; background-color:#333333; opacity:.60; filter: alpha(opacity = 60); visibility:hidden"></div
              Das wars schon.

              Kommentar

              Lädt...
              X