Seite 1 von 3 123 LetzteLetzte
Ergebnis 1 bis 10 von 22

Thema: CSS "Lightbox"

  1. #1
    Macrosdesign
    Gast

    Daumen hoch CSS "Lightbox"

    Habe mich heute mal rangesetzt und eine "Lightbox" NUR mit CSS 2.1 gecodet.

    Zurzeit funzt sie zu 100% im FF3 und im Opera sowie Safari zu 90%.

    Naja ich will nicht lange reden hier ist sie die BETA Version meiner CSS Lightbox:

    http://f-h.kaninchenrettung.de/macro...play/lightbox/

    Wenn jemand Bugs findet bitte hier posten (Im IE tut sich noch nix aber das bekomm ich auch noch hin).

    Viel Spaß beim ausprobieren!

    PS: Hier sind noch andere kleine Spielerreien:
    http://f-h.kaninchenrettung.de/macro.../translate.php
    http://f-h.kaninchenrettung.de/macro...page/test.html
    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 !!!!!
    Geändert von Macrosdesign (03.03.2010 um 22:15 Uhr)

  2. #2
    Meister(in) Avatar von lukasn
    Registriert seit
    23.02.2008
    Ort
    Schweiz
    Alter
    27
    Beiträge
    491
    Danke
    2
    Bekam 12 mal "Danke" in 11 Postings

    Standard AW: CSS "Lightbox"

    Hehe, du hast es ernst gemeint als du sagtest du spielst mit CSS rum, was? =)

    Im Safari 90% find ich allerdings etwas übertrieben, das Bild wird bei mir nur gezeigt, solange man die Maustaste gedrückt hält. Hoffentlich kriegste es noch Bugfrei und IE tauglich, dann werd ich se gerne verwenden

    -Lukas

  3. #3
    Macrosdesign
    Gast

    Standard AW: CSS "Lightbox"

    *UPDATE*
    03.03.2010 Update 1--------------------------------------
    - neues Design
    - IE8 Unterstützung
    - Bild Positionierung verbessert

    03.03.2010 Update 2--------------------------------------
    - Titelleiste verbessert
    - IMG Aufruf verbessert
    - Kleinere Bugs behoben

    04.03.2010 08:38 Uhr Update 3--------------------------------------
    - IMG Thumbs hinzugefügt

    04.03.2010 14:44 Uhr Update 4--------------------------------------
    - CSS Code strukturiert
    - IMG Erkennung weiter verbessert
    - HTML Code optimiert


    Link zur Lightbox:
    Klick mich!


    *TODO*
    - :focus - Bug im Opera
    - :focus im Safari zum laufen bekommen
    - IE7 Support
    - Ladeanimation hinzufügen
    Geändert von Macrosdesign (04.03.2010 um 15:45 Uhr)

  4. #4
    König(in)
    Registriert seit
    09.08.2007
    Beiträge
    1.340
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS "Lightbox"

    Nur als Info: bei Safari auf nem Apple muss man die Linke Maustaste auch gedrückt halten

  5. #5
    Pion
    Gast

    Standard AW: CSS "Lightbox"

    Deine Lightbox ist aber nicht mehr aktzeptabel bei vielen Bildern, da du sowohl die Vorschau als auch die Große Version auf einmal lädst

  6. #6
    Macrosdesign
    Gast

    Standard AW: CSS "Lightbox"

    Ja das Problem ist mir bekannt aber für kleinere Galerien ist es durchaus eine hübsche kleine Spielerei.

  7. #7
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS "Lightbox"

    Schöne Sache, wirklich sehr gut.
    Aber im falschen Forum

  8. #8
    Macrosdesign
    Gast

    Standard AW: CSS "Lightbox"

    Ach verdammt tut mir Leid...

    Ich bräuchte noch einen Funktionsbericht von folgenden Browsern:

    - Firefox 2.x
    - Konqueror
    - Opera 9.x

  9. #9
    Macrosdesign
    Gast

    Standard AW: CSS "Lightbox"

    UPDATE

    CSS Lightbox Version 1.24 [10.06.2010]

    # Opera Unterstützung eingebaut
    # Durchwahl der Bilder über einen "next"-Button
    # Code optimiert
    # config.css verbessert
    # Multilanguage


    Einbau in HTML:

    Verlinkung des externen Stylesheets im Headbereich:
    Code:
    <link href="lightbox_css/lightbox_v124.css" rel="stylesheet" type="text/css" />
    Spezielle Angabe für den IE im Headbereich:
    Code:
    <!--[if IE]>
     <style type="text/css">
       a[rel*="lightbox"]:after {visibility:hidden;}
     </style>
    <![endif]-->
    Lightbox wird wie folgt "aktiviert":
    Code:
    <a rel="lightbox de" title="Cursed Treasure 2" href="#">
      <img src="./thumbs/game_small.jpg" alt="game_thumb" />
      <img src="./images/game.png" alt="game" />
    </a>
    lightbox aktiviert die Lightbox für das Bild.
    de gibt die sprache an (bei English einfach weglassen)

    <img src="./thumbs/game_small.jpg" alt="game_thumb" /> Das Vorschaubild.

    <img src="./images/game.png" alt="game" /> Das große Bild.

    Folgendes am Ende des jeweiligen Absatzes einfügen (Muss auf der Selben Ebende sein wie die Bilder auf die die Lightbox angewendet wird.

    HTML-Code:
    <!-- Lightbox closer -->
      <span class="lightbox_closer">&nbsp;</span>
      <span class="lightbox_closer_over">&nbsp;</span>
    <!-- ### -->
    Demo

    Download (v1.24)

  10. #10
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS "Lightbox"

    mir fehlt spontan ein "next" und "prev" button
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

Ähnliche Themen

  1. In ICQ ist bei "unsichtbar" die Blume weiß, bei "sichtbar" rot
    Von makemyday77 im Forum Computer - Internet Forum
    Antworten: 7
    Letzter Beitrag: 01.06.2010, 03:10
  2. Dürrenmatts "Der Besuch der alten Dame" und Sophokles' "Ödipus Tyrannos"
    Von Unregistriert im Forum Off Topic und Quasselbox
    Antworten: 3
    Letzter Beitrag: 21.01.2010, 22:22
  3. Border-Bottom: noch "zarter" als "1px dashed"?
    Von Mütze im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 19.09.2008, 18:10
  4. php: "bitte warten" oder "login läuft"
    Von phore im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 05.04.2006, 18:18
  5. Text immer "unten" und "rechts" am Frame
    Von Valdyn im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 25.05.2004, 19:14

Stichworte

Berechtigungen

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