Mixing
how to set image width to clientHeight x 5.128571428571429
I have a script where I need to set the width of an img tag to the clientHeight of the img tag.
This is my code:
var logo = document.getElementById("logoImg");
logo.width = logo.clientHeight * 5.128571428571429 + "px";
If the clientHeight of the img tag is 70px, then the width of it should by set to 359px, how could I this.
javascript image
asked Jan 1 at 18:17
Stemboy4002Stemboy4002
177
add a comment |
I have a script where I need to set the width of an img tag to the clientHeight of the img tag.
This is my code:
var logo = document.getElementById("logoImg");
logo.width = logo.clientHeight * 5.128571428571429 + "px";
If the clientHeight of the img tag is 70px, then the width of it should by set to 359px, how could I this.
javascript image
asked Jan 1 at 18:17
Stemboy4002Stemboy4002
177
Your code should work... What's the problem that you have encountered?
– FZs
Jan 1 at 18:23
add a comment |
I have a script where I need to set the width of an img tag to the clientHeight of the img tag.
This is my code:
var logo = document.getElementById("logoImg");
logo.width = logo.clientHeight * 5.128571428571429 + "px";
If the clientHeight of the img tag is 70px, then the width of it should by set to 359px, how could I this.
javascript image
asked Jan 1 at 18:17
Stemboy4002Stemboy4002
177
I have a script where I need to set the width of an img tag to the clientHeight of the img tag.
This is my code:
var logo = document.getElementById("logoImg");
logo.width = logo.clientHeight * 5.128571428571429 + "px";
If the clientHeight of the img tag is 70px, then the width of it should by set to 359px, how could I this.
javascript image
javascript image
asked Jan 1 at 18:17
Stemboy4002Stemboy4002
177
asked Jan 1 at 18:17
Stemboy4002Stemboy4002
177
asked Jan 1 at 18:17
Stemboy4002Stemboy4002
177
asked Jan 1 at 18:17
Stemboy4002Stemboy4002
177
asked Jan 1 at 18:17
Stemboy4002Stemboy4002
177
177
Your code should work... What's the problem that you have encountered?
– FZs
Jan 1 at 18:23
add a comment |
Your code should work... What's the problem that you have encountered?
– FZs
Jan 1 at 18:23
Your code should work... What's the problem that you have encountered?
– FZs
Jan 1 at 18:23
Your code should work... What's the problem that you have encountered?
– FZs
Jan 1 at 18:23
add a comment |
1 Answer
1
active
oldest
votes
Width should be set to a number, not a string. Try this instead:
logo.width = logo.clientHeight * 5.128571428571429;
answered Jan 1 at 18:27
johnheroyjohnheroy
32615
It worked, thank you
– Stemboy4002
Jan 1 at 18:50
add a comment |
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%2f53997818%2fhow-to-set-image-width-to-clientheight-x-5-128571428571429%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Width should be set to a number, not a string. Try this instead:
logo.width = logo.clientHeight * 5.128571428571429;
answered Jan 1 at 18:27
johnheroyjohnheroy
32615
It worked, thank you
– Stemboy4002
Jan 1 at 18:50
add a comment |
Width should be set to a number, not a string. Try this instead:
logo.width = logo.clientHeight * 5.128571428571429;
answered Jan 1 at 18:27
johnheroyjohnheroy
32615
It worked, thank you
– Stemboy4002
Jan 1 at 18:50
add a comment |
Width should be set to a number, not a string. Try this instead:
logo.width = logo.clientHeight * 5.128571428571429;
answered Jan 1 at 18:27
johnheroyjohnheroy
32615
Width should be set to a number, not a string. Try this instead:
logo.width = logo.clientHeight * 5.128571428571429;
answered Jan 1 at 18:27
johnheroyjohnheroy
32615
answered Jan 1 at 18:27
johnheroyjohnheroy
32615
answered Jan 1 at 18:27
johnheroyjohnheroy
32615
answered Jan 1 at 18:27
johnheroyjohnheroy
32615
32615
It worked, thank you
– Stemboy4002
Jan 1 at 18:50
add a comment |
It worked, thank you
– Stemboy4002
Jan 1 at 18:50
It worked, thank you
– Stemboy4002
Jan 1 at 18:50
It worked, thank you
– Stemboy4002
Jan 1 at 18:50
add a comment |
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%2f53997818%2fhow-to-set-image-width-to-clientheight-x-5-128571428571429%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
Your code should work... What's the problem that you have encountered?
– FZs
Jan 1 at 18:23