Двойной щелчок по изображению

Question

Двойной щелчок по изображению

0

может кто-то помочь мне в создании простого скрипта, что, когда кто-то дважды щелкнет изображение, будет активирована кнопка {LikeButton color = "gray"}, после чего изображение сердца исчезнет.

Здесь мой код блока фотоблока:

{block:Photo}<div class="containerimg">

                <span class="font-a"><a href="{Permalink}">{block:Date} {Month} {DayOfMonth}, {Year}{/block:Date}</a><br/><a href="{Permalink}">{NoteCountWithLabel}</a><br/>{block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}</span>

                    <div class="post photo">
                        <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}


                    </div>

                    <div class="status">
                    {block:RebloggedFrom} 
                    <img src="{ReblogParentPortraitURL-24}" style="border: 1px solid rgba(0,0,0,.15);" /> <a href="{ReblogParentURL}" style="position: absolute; padding: 5px 0px 0px 10px;">{ReblogParentName}</a>
                    {/block:RebloggedFrom}
                    {block:NotReblog} 
                    <img src="{PortraitURL-24}" style="border: 1px solid rgba(0,0,0,.15);" /> <a href="{Permalink}" style="position: absolute; padding: 5px 0px 0px 10px;">{Name}</a>
                    {/block:NotReblog}

                    <div class="reblogg">
                    {LikeButton color="grey"}&nbsp;&nbsp;{ReblogButton color="grey"}
                    </div>
                    </div>

                    </div>

                {/block:Photo}

Mark Lim 31 март 2014, в 07:13

Источник

Теги:

javascript

jquery

tumblr

2 ответа

Ещё вопросы

user3404584 · Answer 1 · 2014-03-31T03-26-00.000Z

попробуй это:

 $('#yourPictureID').dblclick(function{ 
   $('#LikeButtonID').attr("disable","false");
   $('#heartPictureID').css("opacity","1");
 });

Виктор Новиков · Answer 2 · 2014-03-31T03-25-00.000Z

Вы можете попробовать использовать dblclick следующим образом:

$(document).ready(function(){
    $('img').dblclick(function(){
        // do something
        alert('Picture fade out...')
        $(this).fadeOut().slow();
    });
});

Вы можете попробовать его здесь, на jsfiddle