0

これまでのところ、ランダム化をハイスライドギャラリーと統合するという素晴らしい仕事をしてきました。しかし今、私は彼らが繰り返されないようにそれを作ろうとしています。助言がありますか？他のいくつかの投稿を見ましたが、コードに正しく適用できないようです。まだ勉強してる; あなたは私を許さなければならないでしょう。

これが私のヘッドコード（javascript）です：

var gallery = new Array();
gallery[0] = new Array("earlywork001.jpg","earlywork002.jpg","earlywork003.jpg");

function pickImageFrom(whichGallery)
{
var idx = Math.floor(Math.random() * gallery[whichGallery].length);
document.write('<a href="images/earlywork/' + gallery[whichGallery][idx] + '" class="highslide" onclick="return hs.expand(this, config1 )"><img src="images/earlywork/' + gallery[whichGallery][idx] + '" width="140" height="140"></a>');
}

これが私のボディコードです（簡単にするために3つしか入れていませんが、実際には50枚の画像があります）：

<div class="highslide-gallery"><script language="javascript">pickImageFrom(0);</script>
    <span class="highslide-heading"><i>Copyright © 2012 KD Neeley</i></span></div>

<div class="highslide-gallery"><script language="javascript">pickImageFrom(0);</script>
    <span class="highslide-heading"><i>Copyright © 2012 KD Neeley</i></span></div>

<div class="highslide-gallery"><script language="javascript">pickImageFrom(0);</script>
    <span class="highslide-heading"><i>Copyright © 2012 KD Neeley</i></span></div>
4

2 に答える 2

0

すべての画像をjs配列に追加できます。配列からimgを取得する関数を作成します。この関数を使用して、表示する画像を決定します。

var images = ["img1.jpg","img2.jpg"];
var shownImages = [];

function randomimg(images,shownImages){

   //select a random number from with in the range of the image array
   rand = Math.floor((Math.random()*images.length())+1);
   //store the displayed image in the shown array and remove it from images
   shownImages.unshift(images.splice(rand,rand+1));

   //if the image array is empty 
   //I guess we would like to show the images over again so resetit
   //The commented out part is only necessary if you want to show
   //images in a loop
   /*if(images.length == 0){
     images = shownImages;
     shownImages = [];
   }*/

   //return the image to show this time.
   return shownImages[0];
}
于 2012-08-12T08:05:51.230 に答える
0

配列プロトタイプにシャッフルを追加

Array.prototype.shuffle=function(){
   var i = len = this.length;       
   while (i--) {
      var r = Math.round(Math.random(len));
      var t = this[i];
      this[i] = this[r];
      this[r] = t;
   }
   return this;
}

そして、任意の配列で shuffle メソッドを使用できます。

gallery.shuffle(); // this shuffles the array

デモ: http://jsfiddle.net/W75Kw/1/

要求に応じて更新:投稿されたコードを使用:

var gallery = new Array();
gallery[0] = new Array("earlywork001.jpg","earlywork002.jpg","earlywork003.jpg");
gallery[0].shuffle(); // randomize array

function pickImageFrom(whichGallery) {
  var img = gallery[whichGallery].pop(); // extracts element from array
  document.write('<a href="images/earlywork/' + img + '" class="highslide" onclick="return hs.expand(this, config1 )"><img src="images/earlywork/' + img + '" width="140" height="140"></a>');
}
于 2012-08-12T08:14:18.997 に答える