• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Blinkender Text mit fadein & fadeout

Tobi44

Mitglied
Moin,

habe mir ein bestehendes Scriptschnipsel so umgebaut, dass mein Text mit fadein und fadeout "blinkt".

Das funktioniert soweit super, allerdings nur in dieser Version:

HTML:
(function($)
{
  $.fn.blink = function(options)
  {
          var defaults = { delay:1500 };
          var options = $.extend(defaults, options);
          
          return this.each(function()
          {
                  var obj = $(this);
                  if (obj.attr("timerid") > 0) return;
                  var timerid=setInterval(function()
                  {
                          if($(obj).css("display") == "none")
                          {
                                  $(obj).fadeIn('slow');
                          }
                          else
                          {
                                  $(obj).delay(500).fadeOut('slow');
                          }
                  }, options.delay);
                  obj.attr("timerid", timerid);
          });
  }
}(jQuery))
$(document).ready(function() {
$('.blink').blink();
}

<span class="blink" style="display:none;">.......</span>

Nun wird aber zuerst kein Text angezeigt, und erst nach der eingegebenen Dauer von 1500 Sekunden der Text das erste Mal einbedlendet, und anschließend hin und her. Ich möchte aber, dass der Text direkt angezeigt wird, und dann ausgeblendet, eingeblendet wird usw.

Daher habe ich die Werte einfach vertauscht: if display == display { .. fade out } else { fade in } und natürlich dem span tag ein display:display gegeben. Klappt aber nicht! Warum?
 
Damit funktioniert es.
Allerdings kann ich das unmöglich nutzen, da ich meinem span-tag kein display:block geben kann, da das mein Layout zersprengt.

Warum geht das nicht mit display:display?
 
Weil die CSS-Eigenschaft display keinen Wert display hat. Gibts nicht, kapiert kein Browser.
 
Zurück
Oben