我有一個JQuery函數,根據您要查看的幻燈片更改顯示的內容。你點擊三個圓圈中的一個然後它改變,就像幻燈片一樣。但是,唯一的問題是您必須點擊其中一個圈子才能更改內容。我想也有一個JQUERY函數,可以讓所需的內容自動滑動,也許有一些動畫。我如何自動化我的代碼?使用JQuery更改內容
Live網站:http://www.getstatewideroofing.com
的jsfiddle:http://jsfiddle.net/h5wVc/4/
我JQUERY(我用1.8.2):
$(document).ready(function() {
$('.circle1').click(function() {
$('#slideshow img').replaceWith('<img src="images/roof.png"/>');
$('#slideshow-bottom p').replaceWith('<p> Some text </p>');
});
$('.circle2').click(function() {
$('#slideshow img').replaceWith('<img src="https://sphotos-a.xx.fbcdn.net/hphotos-
ash4/313870_456560374416571_509297138_n.jpg"/>');
$('#slideshow-bottom p').replaceWith('<p>Some text</p>');
});
$('.circle3').click(function() {
$('#slideshow img').replaceWith('<img src="http://i.imgur.com/1hxQNiw.jpg"/>');
$('#slideshow-bottom p').replaceWith('<p>Some text</p>');
});
});
'$( '#幻燈底部p')HTML( '你的字符串');'HTTP:// API .jquery.com/html/ – 2013-03-22 18:19:00
或向上看.trigger – mplungjan 2013-03-22 18:19:13
取而代之替換內容,爲什麼沒有在HTML上的所有三張幻燈片和隱藏/顯示/動畫化容器? – 2013-03-22 18:19:29