WordPress.org
Get WordPress

Plugin Directory

Changeset 1579864


Ignore:
Timestamp:
01/22/2017 10:32:12 PM (9 years ago)
Author:
ahmadasjad
Message:

Uploaded image should be in ratio

File:
1 edited

Legend:

Unmodified
Added
Removed

  • custom-design-product/trunk/product-detail-page.php

    r1548641 r1579864  
    101101                    <style>
    102102                        #design_preview{
    103                             width: 250px;
     103                            /*width: 250px;*/
    104104                            height: 400px;
    105105                        }
    … …  
    123123
    124124    function wcdp_choose_design_form() {
     125//        echo 'hi';
     126//                die();
    125127        $product_meta = get_post_meta(get_the_ID());
    126128        if ($product_meta['WCDP_is_customizable'][0] == 'on') {
    … …  
    335337
    336338                jQuery(document).ready(function () {
    337                     jQuery('#design_basic').trigger('click');
    338                     setTimeout(function () {
     339                    set_width = 150;
     340                    set_height = 150;
     341                    img_tag = document.createElement('img');
     342                    img_tag.src = exampleImageUrl;
     343                    img_tag.addEventListener('load', function () {
     344                        img_width = img_tag.naturalWidth;
     345                        img_height = img_tag.naturalHeight;
     346                        console.log(img_width);
     347                        console.log(img_height);
     348            //                        set_width = img_width;
     349                        set_height = (img_height / img_width) * set_width;
     350//                        set_height = img_height;
    339351                        jQuery('#design_basic').trigger('click');
    340                     }, 2000);
     352                    });
     353
     354            //                    jQuery('#design_basic').trigger('click');
     355            //                                setTimeout(function () {
     356            //                                    jQuery('#design_basic').trigger('click');
     357            //                                }, 2000);
    341358                    preview_element = document.getElementById('design_preview');
    342359                    jQuery('#design_mirror').click(function () {
    343                         setBackground(preview_element, exampleImageUrl, 'mirror', 100, 100);
     360                        setBackground(preview_element, exampleImageUrl, 'mirror', set_width, set_height);
    344361                        jQuery('.custom_design img').removeClass('selected_design');
    345362                        jQuery(this).find('img').addClass('selected_design');
    … …  
    347364                    });
    348365                    jQuery('#design_center').click(function () {
    349                         setBackground(preview_element, exampleImageUrl, 'center', 100, 100);
     366                        setBackground(preview_element, exampleImageUrl, 'center', set_width, set_height);
    350367                        jQuery('.custom_design img').removeClass('selected_design');
    351368                        jQuery(this).find('img').addClass('selected_design');
    … …  
    353370                    });
    354371                    jQuery('#design_basic').click(function () {
    355                         setBackground(preview_element, exampleImageUrl, 'normal-repeat', 100, 100);
     372                        setBackground(preview_element, exampleImageUrl, 'normal-repeat', set_width, set_height);
    356373                        jQuery('.custom_design img').removeClass('selected_design');
    357374                        jQuery(this).find('img').addClass('selected_design');
    … …  
    359376                    });
    360377                    jQuery('#design_halfbrick').click(function () {
    361                         setBackground(preview_element, exampleImageUrl, 'half-brick', 100, 100);
     378                        setBackground(preview_element, exampleImageUrl, 'half-brick', set_width, set_height);
    362379                        jQuery('.custom_design img').removeClass('selected_design');
    363380                        jQuery(this).find('img').addClass('selected_design');
    … …  
    365382                    });
    366383                    jQuery('#design_halfdrop').click(function () {
    367                         setBackground(preview_element, exampleImageUrl, 'half-drop', 100, 100);
     384                        setBackground(preview_element, exampleImageUrl, 'half-drop', set_width, set_height);
    368385                        jQuery('.custom_design img').removeClass('selected_design');
    369386                        jQuery(this).find('img').addClass('selected_design');
Note: See TracChangeset for help on using the changeset viewer.