Jquery PrettyPhoto - сделать так, чтобы кнопка закрытия появлялась только при наведении курсора

0

Может кто-нибудь, пожалуйста, сообщите мне, если это возможно, и если да, то как заставить кнопку закрытия появляться только при наведении, как кнопки навигации.

Большое спасибо

<div class="pp_pic_holder"> 
<div class="ppt">&nbsp;</div> 
<div class="pp_top"> 
    <div class="pp_left"></div> 
    <div class="pp_middle"></div> 
    <div class="pp_right"></div> 
</div> 
<div class="pp_content_container"> 
    <div class="pp_left"> 
    <div class="pp_right"> 
        <div class="pp_content"> 
            <div class="pp_loaderIcon"></div> 
            <div class="pp_fade"> 
                <a href="#" class="pp_expand" title="Expand the image">Expand</a> 
                <div class="pp_hoverContainer"> 
                    <a class="pp_next" href="#">next</a> 
                    <a class="pp_previous" href="#">previous</a> 
                </div>
                <div id="pp_full_res"></div> 
                <div class="pp_details"> 
                    <div class="pp_nav"> 
                        <a href="#" class="pp_arrow_previous">Previous</a> 
                        <p class="currentTextHolder">0/0</p> 
                        <a href="#" class="pp_arrow_next">Next</a> 
                    </div> 
                    <p class="pp_description"></p> 
                    <div class="pp_social">{pp_social}</div> 
                    <a class="pp_close" href="#">Close</a> 
                </div> 
            </div> 
        </div> 
    </div> 
    </div> 
</div>
Теги:
prettyphoto

1 ответ

0
Лучший ответ

Добавьте это в свой css

.pp_close {display:none !important;}

.pp_default:hover .pp_close {display:block !important;}
  • 0
    Круто, большое спасибо.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню