2013-12-12 4 views
-1

нужно затушить несколько элементов div, содержащих текст и изображение внутри, нужно угасить этот div в бесконечном затухании, как слайд-шоу. кто-нибудь может мне помочь? должен быть таким: http://jsfiddle.net/garreh/JbrXd/fade a div element бесконечно

<div class="fios-cobre"> 
    <div id="first-content"> 
     ... 
    </div><!-- /#first-content --> 
    <div id="second-content"> 
     ... 
    </div><!-- /#second-content --> 
</div><!-- /.fios-cobre --> 
+0

л ooks нравится, что он работает, кроме одного недостающего изображения. – skube

+0

ЧТО? почему у меня -2? ну ... но это работает только для изображений –

+0

О, я вижу. Я думаю, что вы были заблокированы, потому что вы даже не пытались решить проблему самостоятельно. Вы можете попытаться притвориться, что div-контенты похожи на изображения. – skube

ответ

1

Хорошо, в следующий раз попытка собственное решение первой. Но на данный момент, возможно, это поможет ..

HTML & CSS

<head> 
<style> 
div.fios-cobre { 
position: relative; 
} 

div.fios-cobre > div { 
position: absolute; 
top: 0; 
left: 0; 
} 
</style> 
</head> 

<body> 
<div class="fios-cobre"> 
    <div id="first-content"> 
    first 
    </div><!-- /#first-content --> 
    <div id="second-content"> 
    second 
    </div><!-- /#second-content --> 
    <div id="third-content"> 
    third 
    </div><!-- /#second-content --> 
</div><!-- /.fios-cobre --> 

изображения могут также пойти в с текстом, если вы хотите (первый, второй, третий)

JQuery

$(document).ready(function(){ 
    $('div.fios-cobre div:gt(0)').hide(); 

    setInterval(function(){ 
    $('div.fios-cobre div:first-child').fadeOut() 
     .next('div').fadeIn() 
     .end().appendTo('div.fios-cobre');}, 
    3000);    
}); 

http://jsfiddle.net/54xkj/

+0

выберите это как ответ или голосуйте, если это поможет. спасибо. – MElliott

+0

это будет работать, если я поставил этот скрипт на ''? –

+0

Да, он может зайти внутрь . :) – MElliott