これは私の最初のスライダーのものの1つを作成することになります。私はそれらのかなりの数を見てきました。彼らはとても涼しいですが、私は非常に基本的なものを探しています。下の画像でわかるように、右に4つの長方形の画像があり、いずれか1つをクリックすると、ちょうどクリックされた画像に対応する左のテキストが表示されます。シンプルなjQueryスライダー？
これを行うにはjQueryが必要かどうかわかりません。私はそれがJavascriptよりもはるかに簡単だろうと思うでしょう...
誰も正しい方向に私を指摘したり、このようなスライダーを作成する方法についていくつかのアドバイスを提供できますか？
これは、あなたがイメージを持っているものを作成するための素晴らしいチュートリアルです
ありがとうございます。それはjqueryを使用しますが、jqueryはこのようなことを行う際には必要条件ではありません。人々の多くが使用
http://www.designchemical.com/blog/index.php/jquery/jquery-simple-horizontal-accordion/
@Loktarありがとうございます、私はそのリンクを今すぐチェックします。 :) –
何かがjqueryのkwicksと呼ばれるスクリプトです。ここではあなたが始めるのに役立つかもしれない簡単な画像アコーディオンへのリンクされています。ここでは
http://www.aoclarkejr.com/tutorial-jquery-accordion-slider.html
はkwicksサイトへのリンクです：
ありがとう、@ jSweazy。 –
シンプルで強力なイメージを実装しますスライダーは、私が正常に実行した私のコードです。 JavaScriptを使用して簡単なImage Sliderを作成するコードを以下に示します。
Image（）オブジェクトのインスタンスを作成して、必要な数だけイメージを追加できます。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Image Slider</title>
<script type="text/javascript">
var image1 = new Image();
image1.src = "AshuBridgeBW.jpg";
var image2 = new Image();
image2.src = "Ashu.jpg";
var image3 = new Image();
image3.src = "A&S.jpg";
</script>
</head>
<body>
<img src="club.png" name="slide" width="300" height="300" border="10" />
<script>
var step=1;
function slideit(){
document.images.slide.src=eval("image"+step+".src");
if(step<3){
step++;}
else{
step=1;}
setTimeout("slideit()",1000);
}
slideit();
</script>
</body>
</html>
'eval（" image "+ step +"。src "）' over "" image "+ step +" src "'を使用する可能性があります。タイムアウトでコードを評価するべきではありません。代わりに 'setTimeout（slideit、1000）'を使用してください。 –
画像が表示されません。しかし、jquery *が* javascriptであることを知っていれば幸いです。 – Alan
いいえ、jqueryは「必要な」ものではなく、このようなものはあなたのデザインを落として後でコードを取り上げます。これはこのサイトではありません。あなたが試したことを私たちに教えてください。 – jondavidjohn
既に完成したものを希望しますか、または学習体験のために自分で作成しますか？ – Loktar