使用jquery在div中双击图像缩放和dragscroll

Question

我希望双击图像，图像将变焦，并在div中滚动图像。

for doubletap我使用这个jquery。但是，它没有像我期望的那样工作。

if (touchtime == 0) {
                            touchtime = new Date().getTime();
                        } else {
                            if (((new Date().getTime()) - touchtime) < 800) {

                                if(jQuery('div.popup').find('img.ept-custom-img').hasClass('transition')){
                                    if(srsize <= 640 ){
                                        jQuery('div.popup').find('img.ept-custom-img').attr('id','popup_img_content');
                                        jQuery('div.popup').find('img.ept-custom-img').parent().removeClass('dragscroll');
                                        jQuery('div.popup').find('div.rg-image').css('overflow-x','');
                                        jQuery('div.popup').find('div.rg-image').css('overflow-y','');
                                        jQuery('div.popup').find('img.ept-custom-img').removeClass('transition');
                                        if(jQuery('div.popup').find('#main_image_prev').hasClass('hidenavigation')) {
                                            jQuery('div.popup').find('#main_image_prev').removeClass('hidenavigation');
                                        } if(jQuery('div.popup').find('#main_image_next').hasClass('hidenavigation')) {
                                            jQuery('div.popup').find('#main_image_next').removeClass('hidenavigation');
                                        }
                                    }
                                } else {
                                    if(srsize <= 640 ){
                                        jQuery('div.popup').find('img.ept-custom-img').attr('id','popup_img_content');
                                        jQuery('div.popup').find('img.ept-custom-img').parent().addClass('dragscroll');
                                        jQuery('div.popup').find('div.rg-image').css('overflow-x','scroll');
                                        jQuery('div.popup').find('div.rg-image').css('overflow-y','scroll');
                                        jQuery('div.popup').find('img.ept-custom-img').addClass('transition');
                                        if(jQuery('div.popup').find('#main_image_prev').css('display') == "block") {
                                            jQuery('div.popup').find('#main_image_prev').addClass('hidenavigation');
                                        } if(jQuery('div.popup').find('#main_image_next').css('display') == "block") {
                                            jQuery('div.popup').find('#main_image_next').addClass('hidenavigation');
                                        }
                                    }
                                }
                                touchtime = 0;
                            } else {
                                touchtime = new Date().getTime();
                            }
                        }

如何实现这一目标？