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:
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?
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?