-5

私のフィドル

        $szPostContent = $post->post_content;
        $szSearchPattern = '#(<img.*?>)#';
        $a='';
        $aPics='';
        preg_match_all( $szSearchPattern, $szPostContent, $aPics );
        $iNumberOfPics = count($aPics);
        echo "<br />Number of pics on each post...............".$iNumberOfPics;
        array_push($postimg, $iNumberOfPics);

$iNumberofPics は、単一の投稿からの画像を示しています... デモを見てください..u は、ユーザーがそのページにとどまるまで、そのメイン div を継続的に表示したい間、矢印 img のマウスオーバーでスライダーが消えることがわかります..

4

2 に答える 2

1

あなたの質問が正しいかどうかわからないので、これらのアプローチのいずれかがお役に立てば幸いです。コードでは、onmouseover ではなく onmouseout を使用します。あなたはできる：

  • マウスオーバーとマウスアウトで $(...).show() と $(...).hide() を使用します。
  • $(...).toggle() を見てください。
于 2013-05-27T10:14:27.233 に答える
1 
<div class='container' style='height:150px; width:225px;'>
    <div class="imageslider" id="imageslider" style="border: 1px solid #000000; height:150px; width:225px;display:none">
        <img class="arrow left" style="border: 1px solid #000000; height:25px; width:25px; float:left; margin-top:50px;" />
        <div class="images"></div>
        <img class="arrow right" style="border: 1px solid #000000; height:25px; width:25px; float:right; margin-top:50px;" />
    </div>

そしてスクリプト

$(".container").hover(function () {
    $(this).find('.imageslider').show();
}, function () {
    $(this).find('.imageslider').hide();
});

フィドル

.containerマウスを重ねたり外したりできるようにするためのプレースホルダーとしてありますか

于 2013-05-27T10:56:22.417 に答える