Ergebnis 1 bis 1 von 1

Thema: Fade-In für Boxy

  1. #1
    Meister(in) Avatar von Teron Gerofied
    Registriert seit
    26.01.2008
    Ort
    serverraum
    Alter
    26
    Beiträge
    347
    Danke
    0
    Bekam 1 mal "Danke" in 1 Posting

    Standard Fade-In für Boxy

    Hi,

    ist zwar jetzt kein wirkliches Script aber eine Hilfe für alle die Boxy benutzen, nicht so viel Ahnung von jQuery haben aber trotzdem ein Fade-In für die Boxys haben wollen ...

    Um folgendes jQuery Modul gehts:
    http://onehackoranother.com/projects/jquery/boxy/

    Öffne dazu: jquery.boxy.js

    Suche nach:
    HTML-Code:
    show: function() {
            if (this.visible) return;
            if (this.options.modal) {
                var self = this;
                if (!Boxy.resizeConfigured) {
                    Boxy.resizeConfigured = true;
                    jQuery(window).resize(function() { Boxy._handleResize(); });
                }
                this.modalBlackout = jQuery('<div class="boxy-modal-blackout"></div>')
                    .css({zIndex: Boxy._nextZ(),
                          opacity: 0.7,
                          width: jQuery(document).width(),
                          height: jQuery(document).height()})
                    .appendTo(document.body);
                this.toTop();
                if (this.options.closeable) {
                    jQuery(document.body).bind('keypress.boxy', function(evt) {
                        var key = evt.which || evt.keyCode;
                        if (key == 27) {
                            self.hide();
                            jQuery(document.body).unbind('keypress.boxy');
                        }
                    });
                }
            }
            this.boxy.stop().css({opacity: 1}).show();
            this.visible = true;
            this._fire('afterShow');
            return this;
        },
    Ersetze durch:
    HTML-Code:
        show: function() {
            if (this.visible) return;
            var self = this;
            if (this.options.modal) {
                if (!Boxy.resizeConfigured) {
                    Boxy.resizeConfigured = true;
                    jQuery(window).resize(function() { Boxy._handleResize(); });
                }
                this.modalBlackout = jQuery('<div class="boxy-modal-blackout"></div>')
                    .css({zIndex: Boxy._nextZ(),
                          opacity: 0.7,
                          width: jQuery(document).width(),
                          height: jQuery(document).height()})
                    .appendTo(document.body);
                this.toTop();
                if (this.options.closeable) {
                    jQuery(document.body).bind('keypress.boxy', function(evt) {
                        var key = evt.which || evt.keyCode;
                        if (key == 27) {
                            self.hide();
                            jQuery(document.body).unbind('keypress.boxy');
                        }
                    });
                }
            }
            this.boxy.stop().css({opacity: 0}).show();
    		this.boxy.stop().animate({opacity: 1}, 300, function() {
                self.boxy.css({display: 'block'});
    			self.visible = true;
    			self._fire('afterShow');
            });
    
            return this;
        },
    Ich veröffentliche diesen Lösungsansatz jetzt mal deswegen weil ich auf Anhieb keine passende Modifikation gefunden hab.

    Lg
    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 Teron Gerofied (28.12.2010 um 15:39 Uhr)
    PHP-Code:
    if(isset($this) || !isset($this)){ // that's the question... 

Ähnliche Themen

  1. Fade-Effekt im IE sauber und im ff total shit
    Von andynail im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 4
    Letzter Beitrag: 30.07.2010, 00:15
  2. Fade in fade out problem!
    Von Unregistriert im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 7
    Letzter Beitrag: 23.06.2010, 19:11
  3. Bildertausch mit Fade-In / Fade-Out
    Von OliverN26 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 26.03.2008, 22:14
  4. JavaScript Fade Effekt mit scriptacolus Problem
    Von 00eraser00 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 5
    Letzter Beitrag: 28.02.2008, 14:46

Stichworte

Berechtigungen

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