• So what do I need to do to get it working?

    I’m not expert and just improvised the code which should resize image on window resize to be 80% of the shorter screen side maintaining ratio:

    $(window).resize(function() {
    	function imgResize()
    	{
    
    		if ($("#post_container img").width() > $("#post_container img").height()){
    
    			$('#post_container img').css({ 'width': '80%', 'height': 'auto' });
    			}
    		else if ($("#post_container img").width() < $("#post_container img").height()){
    
    			$('#post_container img').css({ 'width': 'auto', 'height': '80%' });
    			}
    		else {
    			$('#post_container img').css({ 'width': '80%', 'height': 'auto' });
    			}
    
    	}
    
    })

    Is that even right?

    I also have these in my functions.php:

    function my_init_method() {
        if (!is_admin()) {
            wp_deregister_script( 'jquery' );
            wp_register_script( 'jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js');
            wp_enqueue_script( 'jquery' );
        }
    }
    
    add_action('init', 'my_init_method');
    
    function add_my_script() {
    wp_enqueue_script(
        're-size', // name your script so that you can attach other scripts and de-register, etc.
        get_template_directory_uri() . '/js/imageResize.js', // this is the location of your script file
        array('jquery') // this array lists the scripts upon which your script depends
    );
    }
    
    add_action( 'wp_enqueue_scripts', 'add_my_script' );
    
    // smart jquery inclusion
    if (!is_admin()) add_action("wp_enqueue_scripts", "my_jquery_enqueue", 11);
    function my_jquery_enqueue() {
       wp_deregister_script('jquery');
       wp_register_script('jquery', "http" . ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") . "://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js", false, null);
       wp_enqueue_script('jquery');
    }

    Is there something extra or something missing?

    And then I have this in my header.php in the head tag:

    <?php wp_enqueue_script("jquery"); ?>

    So whats wrong, too much or missing?

  • The topic ‘Adding jquery to custom WP theme’ is closed to new replies.