Finally I came up with the solution to retrieve the image height using PHP getimagesize() and printing it as the ID of the image. Later, in JS I used: var contentheight = jQuery(‘.fluidimage’).attr(‘id’); to retrieve the height and perform the necessary action.
Here’s the PHP code:
<?php
$imageurl = $pathtoimage;
$image_size = getimagesize($imageurl);
$image_height = $image_size[1];
// For image width, use $image_width = $image_size[0];
?>
<img id="<?php echo $image_height; ?>" class="fluidimage" src="https://wordpress.stackexchange.com/questions/33728/<?php echo $imageurl; ?>" />
Here’s JS code to transfer the image height to JS variable, which you use in your own function within the JS:
var contentheight = jQuery('.fluidimage').attr('id');
Related Posts:
- jQuery equivalent of JavaScript’s addEventListener method
- What is content-type and datatype in an AJAX request?
- Checking a Url in Jquery/Javascript
- When and why to ‘return false’ in JavaScript?
- How can I display a tooltip message on hover using jQuery?
- How is JavaScript .on() method defined?
- JQuery: $.get is not a function
- Bootstrap carousel not sliding
- How can I expand and collapse a using javascript?
- jQuery: using a variable as a selector [duplicate]
- jQuery – checkbox enable/disable
- How can I correctly format currency using jquery?
- How do I send this form's output to a new WordPress page?
- Annoying “JQMIGRATE: Migrate is…” in console after update to WordPress 4.5
- Update jquery version
- Can’t get a JSON object in response to an Ajax request with wp_ajax
- Using the WordPress Media Library and returning the Attachment ID rather than URL?
- How to get a jQuery script to run on a page?
- WP set auth cookie using Ajax is not saved to browser
- Modify Custom Field in Media Library using JavaScript
- Loading jQuery With Two Fallbacks
- Localize variable for multiple Shortcodes
- ajax call in wordpress front end
- Comment form vaildation
- Enqueuing jQuery in plug-ins
- Script doesn’t load because of a javascript MIME type error
- TinyMCE – TypeError: r is undefined
- WordPress audio player causing js error, mediaelementplayer is not a function
- Auto-detect javascript errors and warn theme user
- combining js scripts from a js newb [closed]
- Heartbeat API: How to access data already enqueued?
- Script for initializing JQuery Masonry for WordPress
- Combining media queries with image sizes
- Implementing lazy loading in homepage posts instead of pagination
- Jquery integration with my theme
- How to stop focus() in custom js from scrolling to footer?
- Is it possible to hide media details sidebar when wp.media popup is being opened?
- Getting post meta in the flex slider
- Correct way to write jQuery functions in WordPress
- Format numeric symbols in titles
- Removing jQuery from footer
- How can I make this custom menu work?
- Remove WordPress scripts
- Using bootstrap-slider and bootstrap-switch in wordpress admin panel
- WordPress jquery files not being enqueued
- Why does javascript works only if logged in?
- Load the next posts ajax
- How does WordPress handle HTML Tables interaction with jQuery
- what’s the best way to add a class to the div with a class of post every 4 seconds using jquery? [closed]
- Why Won’t my jQuery Play Nice with WordPress?
- Delete some text and change html tag with Jquery
- Unexpected script loading order
- Callback After WordPress Customizer Complete Loading
- Showing All the Posts in the Loop
- How to enque js script in footer that are not in .js file?
- Best way of getting a a series of custom fields into an array?
- Cherry Framework theme, JQuery is using HTTP not HTTPS
- Custom AJAX form not working async
- Is there a default way in wordpress to create a overlay in the dashboard?
- Is it OK combined wp-include js, jquery, css? [closed]
- Including Older Version of jQuery for IE7/IE8
- Why won’t the Jquery validation plugin work?
- enqueue jQuery into the footer
- How to use JQuery Marquee in WordPress?
- WordPress 3.2.1: jQuery is not defined, breaks Admin panel
- inner anchor scrolling with wordpress
- Bootstrap and jQuery error: $ is not defined
- Fire action after enqueue script
- Auto next upon clicking image without clicking Next button
- Doing Math with Gravity Forms List
- I am trying to load a Js Dynamic Audio Synth [closed]
- Uncaught ReferenceError: jQuery is not defined
- Remove button from page if viewed through Customizer
- Target a specific page/template in jQuery
- Why does my media selection script write to ONLY the first input field?
- Multiple level category drop-down three levels is not working
- Modify the href attribute of tag dynamically in WordPress
- Move jQuery on *top* of footer
- JQuery and Javascript to pan image
- How to add JS snippet before closing tag?
- Show/Hide text after the first paragraph
- Call admin ajax using absolute url? Relative URL breaks (frontend ajax)
- Responsive framework – edit child js
- Page keeps refreshing with Ajax form
- Check with jQuery value of checkbox from custom admin panel
- JS script not being included [closed]
- jquery issue in functions.php
- JS plugin script loading but not working
- WP Calendar Shortcode not working on my theme
- Hide input field when second input field is in focus
- WooCommerce – PrettyPhoto appending URL with #prettyPhoto
- Is it possible to append an external html file to my wordpress navigation?
- jscrollpane problem with my child theme
- Change image on post title hover (more than one instance) – Jquery
- How to fire jQuery after $(window).on(‘load’)
- I need a Pop up with description when i click an image
- My website si Blocked by google and warns the visitors that is Unsafe site
- how to make this work with jquery 1.12.4 [closed]
- Theme variation conflict with jquery select2 dropdown
- Enqueued jQuery not working