Question

我用php代码创建了某种类型的库。我想用JQuery hide()和show()制作下一组图片。问题在于，当我显示下一组图片时，图片不再显示在彼此旁边，而是在垂直行中。

原始显示类型是＆＃34;内联块＆＃34;，但是当我在动画功能之后放置css函数时，动画看起来很奇怪。

我尝试创建一个JsFiddle，但Javascript部分似乎没有工作http://jsfiddle.net/P3gty/

这是我的代码：的Javascript

function changeGallery(count)
{

  currentpage+=count;

  for(var i=0;i<numpics;i++)
  {
    //document.getElementById("galpic"+(i)).style.display = "none";
    $("#galpic"+(i)).hide(animationtype,animationspeed);
  }


  for(var i=0;i<8  && ((currentpage*8))+i<numpics;i++)
  {
    //document.getElementById("galpic"+(i+(currentpage*8))).style.display = "block";
    $("#galpic"+(i+(currentpage*8))).delay(animationspeed).show(animationtype,animationspeed);
  }

  disableButtons();

}

CSS

.thumb
{
    border:solid black .1em;

  display: inline-block;
}

HTML

<div id="thumbcontainer">
<ul id="pictures">

<!-- Multiple echos of -->
<li id='galpic$imagecount'><a href='img/gallery/".$file."'rel='lightbox[".$lightbox."]'>
<img src="img/thumbs/'.$file.'" alt="Picture" class="thumb" />
</a></li>

</ul>
</div>

JQuery＆＃34; show＆＃34;没有显示正确的显示风格

0 个答案: