is there any way compute image client size before loading( with js)? The Next CEO of Stack OverflowEvent binding on dynamically created elements?endsWith in JavaScriptPreloading images with jQueryHow do you use a variable in a regular expression?$(document).ready equivalent without jQueryHow do I debug Node.js applications?Preview an image before it is uploadedHow to decide when to use Node.js?Pure JavaScript equivalent of jQuery's $.ready() - how to call a function when the page/DOM is ready for itIs Safari on iOS 6 caching $.ajax results?
If Nick Fury and Coulson already knew about aliens (Kree and Skrull) why did they wait until Thor's appearance to start making weapons?
Would a grinding machine be a simple and workable propulsion system for an interplanetary spacecraft?
Easy to read palindrome checker
Is a distribution that is normal, but highly skewed considered Gaussian?
Why, when going from special to general relativity, do we just replace partial derivatives with covariant derivatives?
How to prove a simple equation?
The past simple of "gaslight" – "gaslighted" or "gaslit"?
Why did CATV standarize in 75 ohms and everyone else in 50?
Can MTA send mail via a relay without being told so?
Is it ever safe to open a suspicious HTML file (e.g. email attachment)?
Where do students learn to solve polynomial equations these days?
Bartok - Syncopation (1): Meaning of notes in between Grand Staff
Running a General Election and the European Elections together
Is it my responsibility to learn a new technology in my own time my employer wants to implement?
Help understanding this unsettling image of Titan, Epimetheus, and Saturn's rings?
How to edit “Name” property in GCI output?
A Man With a Stainless Steel Endoskeleton (like The Terminator) Fighting Cloaked Aliens Only He Can See
TikZ: How to reverse arrow direction without switching start/end point?
Why doesn't UK go for the same deal Japan has with EU to resolve Brexit?
Example of a Mathematician/Physicist whose Other Publications during their PhD eclipsed their PhD Thesis
How to count occurrences of text in a file?
Calculator final project in Python
Are police here, aren't itthey?
Is the D&D universe the same as the Forgotten Realms universe?
is there any way compute image client size before loading( with js)?
The Next CEO of Stack OverflowEvent binding on dynamically created elements?endsWith in JavaScriptPreloading images with jQueryHow do you use a variable in a regular expression?$(document).ready equivalent without jQueryHow do I debug Node.js applications?Preview an image before it is uploadedHow to decide when to use Node.js?Pure JavaScript equivalent of jQuery's $.ready() - how to call a function when the page/DOM is ready for itIs Safari on iOS 6 caching $.ajax results?
how google image create a background that size is same with image that is not loaded ?
is there any way compute image client size before loading with js?
I want to creat something like google image but dont know how compute that background size before loading image .
I found out image must be loaded for getting client size but is other way for get or compute it?
javascript google-image-search
asked Mar 7 at 16:52
amirhosein bidaramirhosein bidar
12
add a comment |
how google image create a background that size is same with image that is not loaded ?
is there any way compute image client size before loading with js?
I want to creat something like google image but dont know how compute that background size before loading image .
I found out image must be loaded for getting client size but is other way for get or compute it?
javascript google-image-search
asked Mar 7 at 16:52
amirhosein bidaramirhosein bidar
12
Maybe background-attachment ...? No need to know the size of the image.
– Teemu
Mar 7 at 17:05
In JS you can detect image size on load: (in Head section)... - Create global variables: var pic=new Image(), picW=-1, picH=-1 - Set pic.onload function: pic.onload=function() picW=pic.width; picH=pic.height; pic.onload gets called whenever you set pic.src
– Tony Duffill
Mar 7 at 17:55
add a comment |
how google image create a background that size is same with image that is not loaded ?
is there any way compute image client size before loading with js?
I want to creat something like google image but dont know how compute that background size before loading image .
I found out image must be loaded for getting client size but is other way for get or compute it?
javascript google-image-search
asked Mar 7 at 16:52
amirhosein bidaramirhosein bidar
12
how google image create a background that size is same with image that is not loaded ?
is there any way compute image client size before loading with js?
I want to creat something like google image but dont know how compute that background size before loading image .
I found out image must be loaded for getting client size but is other way for get or compute it?
javascript google-image-search
javascript google-image-search
asked Mar 7 at 16:52
amirhosein bidaramirhosein bidar
12
asked Mar 7 at 16:52
amirhosein bidaramirhosein bidar
12
asked Mar 7 at 16:52
amirhosein bidaramirhosein bidar
12
asked Mar 7 at 16:52
amirhosein bidaramirhosein bidar
12
asked Mar 7 at 16:52
amirhosein bidaramirhosein bidar
12
12
Maybe background-attachment ...? No need to know the size of the image.
– Teemu
Mar 7 at 17:05
In JS you can detect image size on load: (in Head section)... - Create global variables: var pic=new Image(), picW=-1, picH=-1 - Set pic.onload function: pic.onload=function() picW=pic.width; picH=pic.height; pic.onload gets called whenever you set pic.src
– Tony Duffill
Mar 7 at 17:55
add a comment |
Maybe background-attachment ...? No need to know the size of the image.
– Teemu
Mar 7 at 17:05
In JS you can detect image size on load: (in Head section)... - Create global variables: var pic=new Image(), picW=-1, picH=-1 - Set pic.onload function: pic.onload=function() picW=pic.width; picH=pic.height; pic.onload gets called whenever you set pic.src
– Tony Duffill
Mar 7 at 17:55
Maybe background-attachment ...? No need to know the size of the image.
– Teemu
Mar 7 at 17:05
Maybe background-attachment ...? No need to know the size of the image.
– Teemu
Mar 7 at 17:05
In JS you can detect image size on load: (in Head section)... - Create global variables: var pic=new Image(), picW=-1, picH=-1 - Set pic.onload function: pic.onload=function() picW=pic.width; picH=pic.height; pic.onload gets called whenever you set pic.src
– Tony Duffill
Mar 7 at 17:55
In JS you can detect image size on load: (in Head section)... - Create global variables: var pic=new Image(), picW=-1, picH=-1 - Set pic.onload function: pic.onload=function() picW=pic.width; picH=pic.height; pic.onload gets called whenever you set pic.src
– Tony Duffill
Mar 7 at 17:55
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55049037%2fis-there-any-way-compute-image-client-size-before-loading-with-js%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55049037%2fis-there-any-way-compute-image-client-size-before-loading-with-js%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Maybe background-attachment ...? No need to know the size of the image.
– Teemu
Mar 7 at 17:05
In JS you can detect image size on load: (in Head section)... - Create global variables: var pic=new Image(), picW=-1, picH=-1 - Set pic.onload function: pic.onload=function() picW=pic.width; picH=pic.height; pic.onload gets called whenever you set pic.src
– Tony Duffill
Mar 7 at 17:55