JQuery исчезать на фоне

Question

У меня есть этот код

<div id="pic2" style="height:288px;background-repeat:no-repeat" > 
     <div id="pic" style="height:288px;background-repeat:no-repeat" ><center>Please<br>This<br>Not Follow the Fade<br>Just Static</center></div> 
</div> 

подробно здесь:

http://jsfiddle.net/UC9d6/

Я не хочу текст внутри DIV следовать замирание JQuery.

спасибо за помощь

Answer 1

Поместите текст в другой DIV и абсолютно позиционировать его.

<div class="relative"> 
    <div class="fadein"> 
     <img src="http://workshop.rs/projects/jqfancytransitions/zakynthos_ivan_jekic.jpg" alt="" /> 
     <img src="http://workshop.rs/projects/jqfancytransitions/blue_window_igor_srdanovic.jpg" alt="" /> 
    </div> 
    <div class="absolute static-text"> 
     Text goes here 
    </div> 
</div> 


$(function(){ 
    $('.fadein img:gt(0)').hide(); 
    setInterval(function(){ 
     $('.fadein :first-child').fadeOut(2000) 
     .next('img').fadeIn(2000) 
     .end().appendTo('.fadein');}, 
     4000); 
}); 


.fadein { position:relative; width:500px; height:332px; } 
.fadein img { position:absolute; left:0; top:0; } 

.relative { 
    position: relative; 
} 

.absolute { 
    position: absolute; 
} 

.static-text { 
    top: 20px; 
    left: 0; 
    width: 100%; 
    text-align: center; 
} 

Fiddle: http://jsfiddle.net/LHSRh/1/