0
3つのスライダーを追加しましたが、3つのスライダーをすべてHTMLページの2つのスライダーで結合していましたが、スクリプトが置かれた間違いは、助けてくれますか?JavaScriptスライダー
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="deco.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<link rel="stylesheet" href="ie6.css" type="text/css" charset="utf-8">
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" href="ie7.css" type="text/css" charset="utf-8">
<![endif]-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="s3Slider.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#slider1').s3Slider({
timeOut: 3000
});
});
</script>
<script type="text/javascript">
var image1=new Image()
image1.src="images/slide1.png"
var image2=new Image()
image2.src="images/slide2.png"
var image3=new Image()
image3.src="images/slide3.png"
</script>
<script type="text/javascript" src="jso/jquery.js"></script>
<script type="text/javascript" src="jso/jquery.innerfade.js"></script>
<script type="text/javascript">
$(document).ready(
function(){
$('#testim').innerfade({
animationtype: 'slide',
speed: 750,
timeout: 4000,
type: 'random',
containerheight: '102px'
});
});
</script>
<script type="text/javascript" src="floating-1.7.js">
</script>
<script type="text/javascript">
floatingMenu.add('floatdiv',
{
// Represents distance from left or right browser window
// border depending upon property used. Only one should be
// specified.
// targetLeft: 0,
targetRight: 10,
// Represents distance from top or bottom browser window
// border depending upon property used. Only one should be
// specified.
targetTop: 118,
// targetBottom: 0,
// Uncomment one of those if you need centering on
// X- or Y- axis.
// centerX: true,
// centerY: true,
// Remove this one if you don't want snap effect
snap: true
});
</script>
</head>
<div id="floatdiv">
<div class="social">
<!--- Flottting slider--->
</div>
</div>
<body id="home1" style="margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<!-- ImageReady Slices (hjgy.psd) -->
<div class="wrapper">
<div id="middle">
<div class="slide">
<!-- JavaScripts-->
<div id="slider1">
<!-- // slider -->
</div>
</div>
<div class="latest">
<div class="testimonal">
<!-- // slider -->
</div>
</div>
</div>
<div id="footer">
</div>
<div style="clear:both"></div>
</div>
<!-- End ImageReady Slices -->
</body>
</html>
StackOverflowへようこそ!あなたの質問にコードの書式を修正しました。 ** [Ask a Question]領域の右にある[書式設定のしかた] **ボックスと[** page link](http://stackoverflow.com/editing-help) ?] **をクリックします。 –
これは話題にならないかもしれないが、あなたのHTMLはちょっと混乱している(あなたは 'headの間に' div'要素を持っている。 'と' body 'など)を使用します。 [invalid](http://validator.w3.org)のマークアップが付いている場合、ブラウザのベンダーはそれを修正しようとしますが、その修正方法はブラウザによって異なるため、リッチでインタラクティブなWebの出発点ですページは[validate]するマークアップです(http://validator.w3.org)。 –
アクションスクリプトの部分はどこですか? –