1
我想向正在淡入淡出的圖像添加文本。我希望文字能夠與相關圖像一起淡入淡出。任何想法如何做到這一點?提前致謝!我已經給下面的代碼:添加文本以淡入淡出圖像
<html>
<div id="fadeslide">
<img src="9.jpg" class="is-showing"/>
<img src="10.jpg"/>
<img src="11.jpg"/>
<img src="12.jpg"/>
<img src="13.jpg"/>
</div>
</html>
<script>
function slideShow() {
var showing = $('#fadeslide .is-showing');
var next = showing.next().length ? showing.next():
showing.parent().children(':first');
showing.fadeOut(1000, function() {
next.fadeIn(1000).addClass('is-showing');
}).removeClass('is-showing');
setTimeout(slideShow, 5500);
}
$(document).ready(function() {
slideShow();
});
</script>
#fadeslide {
width: 960px;
height: 640px;
margin: 0px auto 0px auto;
overflow: hidden;
}
#fadeslide img {
display: none;
}
#fadeslide .is-showing {
display: inline;
}
感謝您的回答@Razia。但我實際上想要在圖片上淡入淡出的一些文字。我怎樣才能做到這一點? – Rafique
好吧我會試試.... –