0

用語がよくわからないので、質問を正しく構成したかどうかはわかりません。Web開発は初めてです。別々のリンクを持つ画像のストリップとして設定された親div内に、別々のdivに4つの画像があるページがあります。私はそれらの位置を交換したいと思います。たとえば、jqueryを介して2分ごとにランダムに、または循環的な順序である可能性があります。

<div class="featurelisting-images">

     <div class="fl-list" id="fl1">
         <a href="/xyz.html" alt="xyz" title="xyz">
         <img src="/uploads/photo_1239.jpg"  title="xyz" alt="xyz" class=""/></a>                    
         <p class="title"><a href="/xyz.html" alt="xyz" title="xyz">xyz</a></p>
     </div>

     <div class="fl-list"    id="fl2">            
          <a href="/abc.html" alt="abc" title="abc">
          <img src="/uploads/photo_1357.jpg"  title="abc" alt="abc" class=""/></a>                    
          <p class="title"><a href="/abc.html" alt="abc" title="abc">abc</a></p>
     </div>

          // two more div elements like this...

</div>

私はJqueryの知識が非常に限られており、私のために機能するスクリプトを探しています。Googleで試してみましたが、正しい解決策が得られませんでした。この関数の検索用語が間違っている可能性があります。いくつか試してみましたが、何も機能しませんでした。（Fiddleを参照）各div要素のすべての属性を変更するよりも、Jqueryで挿入要素を使用しようとしています。

4

2 に答える 2

0

を使用してすべてのアイテムを1行に配置しますfloat:left

2秒ごとに、最初のものを最後に移動します。

ここで実用的な例を見つけることができます。

私が間違っているか、何か他のものが必要な場合は、私を訂正してください。

于 2012-07-29T12:28:28.710 に答える
0 
<script>
  function do(){  
     var divs =  $(".featurelisting-image").children();
     var first_href = divs[0].children[0].href;
     var first_src = divs[0].children[1].src;
     var first_second_href = divs[0].children[1].children[0].href;
     var first_inner = divs[0].children[1].children[0].innerHTML;
     for(var i = 1;i< divs.length;i++){
         divs[i-1].children[0].href = divs[i].children[0].href;
         divs[i-1].children[1].src = divs[i].children[1].src;
         divs[i-1].children[1].children[0].innerHTML = divs[i].children[1].children[0].innerHTML
     }
     divs[divs.length-1].children[0].href = first_href;
     divs[divs.length-1].children[1].src = first_.src;
     divs[divs.length-1].children[1].children[0].innerHTML = first_inner;

  }
</script>

この関数をタイマーまたはボタンクリックイベントに追加できます...すべての属性を変更したわけではありませんが、アイデアは得られると思います...

于 2012-07-29T11:49:06.310 に答える