Get another image if the main image is not available
I have an API, which returns some data with image links.
The problem is that there is a type of image that is main but not always available.
When that happens, I want another image to appear, but it's also in the API.
API Extract
"images": {
"icon": "https://image.fnbr.co/outfit/5c2aad8560e93a37d9635605/icon.png", // secondary
"png": false,
"gallery": false,
"featured":
"https://image.fnbr.co/outfit/5c2aad8560e93a37d9635605/featured.png" // main
}
I have tried the label "onerror" but since it is not a error (because it says null) it does not replace the image.
PHP Code
<img src="<?php echo $image_data['data']['featured'][$i]['images']
['featured'] ?>";>
php api
add a comment |
I have an API, which returns some data with image links.
The problem is that there is a type of image that is main but not always available.
When that happens, I want another image to appear, but it's also in the API.
API Extract
"images": {
"icon": "https://image.fnbr.co/outfit/5c2aad8560e93a37d9635605/icon.png", // secondary
"png": false,
"gallery": false,
"featured":
"https://image.fnbr.co/outfit/5c2aad8560e93a37d9635605/featured.png" // main
}
I have tried the label "onerror" but since it is not a error (because it says null) it does not replace the image.
PHP Code
<img src="<?php echo $image_data['data']['featured'][$i]['images']
['featured'] ?>";>
php api
You can solve that with a simple IF statement
– Second2None
Jan 2 at 23:54
add a comment |
I have an API, which returns some data with image links.
The problem is that there is a type of image that is main but not always available.
When that happens, I want another image to appear, but it's also in the API.
API Extract
"images": {
"icon": "https://image.fnbr.co/outfit/5c2aad8560e93a37d9635605/icon.png", // secondary
"png": false,
"gallery": false,
"featured":
"https://image.fnbr.co/outfit/5c2aad8560e93a37d9635605/featured.png" // main
}
I have tried the label "onerror" but since it is not a error (because it says null) it does not replace the image.
PHP Code
<img src="<?php echo $image_data['data']['featured'][$i]['images']
['featured'] ?>";>
php api
I have an API, which returns some data with image links.
The problem is that there is a type of image that is main but not always available.
When that happens, I want another image to appear, but it's also in the API.
API Extract
"images": {
"icon": "https://image.fnbr.co/outfit/5c2aad8560e93a37d9635605/icon.png", // secondary
"png": false,
"gallery": false,
"featured":
"https://image.fnbr.co/outfit/5c2aad8560e93a37d9635605/featured.png" // main
}
I have tried the label "onerror" but since it is not a error (because it says null) it does not replace the image.
PHP Code
<img src="<?php echo $image_data['data']['featured'][$i]['images']
['featured'] ?>";>
php api
php api
asked Jan 2 at 23:48
Nacho AldamaNacho Aldama
1
1
You can solve that with a simple IF statement
– Second2None
Jan 2 at 23:54
add a comment |
You can solve that with a simple IF statement
– Second2None
Jan 2 at 23:54
You can solve that with a simple IF statement
– Second2None
Jan 2 at 23:54
You can solve that with a simple IF statement
– Second2None
Jan 2 at 23:54
add a comment |
2 Answers
2
active
oldest
votes
you need to check if the main image is empty:
$images = ...; // your current image object
$image = ($images['featured'] !== null) ? $images['featured'] : $images['icon']; // featured or icon image
I've added it, but I'm getting an error 500. I don't know if something can be done, but I can change the class depending on the type of object. for example,<img class="card-img-top <?php echo $image_data['data']['featured'][$i]['type'] ?>"
– Nacho Aldama
Jan 3 at 9:20
add a comment |
$img = $image_data['data']['featured'][$i]['images']['featured'];
$alternativ = $image_data['data']['featured'][$i]['images']['icon'];
<img src="<?php echo ($img) ? $img:$alternativ ?>";>
or check null
<img src="<?php echo ($img === NULL) ? $alternativ:$img ?>";>
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%2f54014661%2fget-another-image-if-the-main-image-is-not-available%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
you need to check if the main image is empty:
$images = ...; // your current image object
$image = ($images['featured'] !== null) ? $images['featured'] : $images['icon']; // featured or icon image
I've added it, but I'm getting an error 500. I don't know if something can be done, but I can change the class depending on the type of object. for example,<img class="card-img-top <?php echo $image_data['data']['featured'][$i]['type'] ?>"
– Nacho Aldama
Jan 3 at 9:20
add a comment |
you need to check if the main image is empty:
$images = ...; // your current image object
$image = ($images['featured'] !== null) ? $images['featured'] : $images['icon']; // featured or icon image
I've added it, but I'm getting an error 500. I don't know if something can be done, but I can change the class depending on the type of object. for example,<img class="card-img-top <?php echo $image_data['data']['featured'][$i]['type'] ?>"
– Nacho Aldama
Jan 3 at 9:20
add a comment |
you need to check if the main image is empty:
$images = ...; // your current image object
$image = ($images['featured'] !== null) ? $images['featured'] : $images['icon']; // featured or icon image
you need to check if the main image is empty:
$images = ...; // your current image object
$image = ($images['featured'] !== null) ? $images['featured'] : $images['icon']; // featured or icon image
answered Jan 2 at 23:55
Eriks KlotinsEriks Klotins
1,4031518
1,4031518
I've added it, but I'm getting an error 500. I don't know if something can be done, but I can change the class depending on the type of object. for example,<img class="card-img-top <?php echo $image_data['data']['featured'][$i]['type'] ?>"
– Nacho Aldama
Jan 3 at 9:20
add a comment |
I've added it, but I'm getting an error 500. I don't know if something can be done, but I can change the class depending on the type of object. for example,<img class="card-img-top <?php echo $image_data['data']['featured'][$i]['type'] ?>"
– Nacho Aldama
Jan 3 at 9:20
I've added it, but I'm getting an error 500. I don't know if something can be done, but I can change the class depending on the type of object. for example,
<img class="card-img-top <?php echo $image_data['data']['featured'][$i]['type'] ?>"
– Nacho Aldama
Jan 3 at 9:20
I've added it, but I'm getting an error 500. I don't know if something can be done, but I can change the class depending on the type of object. for example,
<img class="card-img-top <?php echo $image_data['data']['featured'][$i]['type'] ?>"
– Nacho Aldama
Jan 3 at 9:20
add a comment |
$img = $image_data['data']['featured'][$i]['images']['featured'];
$alternativ = $image_data['data']['featured'][$i]['images']['icon'];
<img src="<?php echo ($img) ? $img:$alternativ ?>";>
or check null
<img src="<?php echo ($img === NULL) ? $alternativ:$img ?>";>
add a comment |
$img = $image_data['data']['featured'][$i]['images']['featured'];
$alternativ = $image_data['data']['featured'][$i]['images']['icon'];
<img src="<?php echo ($img) ? $img:$alternativ ?>";>
or check null
<img src="<?php echo ($img === NULL) ? $alternativ:$img ?>";>
add a comment |
$img = $image_data['data']['featured'][$i]['images']['featured'];
$alternativ = $image_data['data']['featured'][$i]['images']['icon'];
<img src="<?php echo ($img) ? $img:$alternativ ?>";>
or check null
<img src="<?php echo ($img === NULL) ? $alternativ:$img ?>";>
$img = $image_data['data']['featured'][$i]['images']['featured'];
$alternativ = $image_data['data']['featured'][$i]['images']['icon'];
<img src="<?php echo ($img) ? $img:$alternativ ?>";>
or check null
<img src="<?php echo ($img === NULL) ? $alternativ:$img ?>";>
answered Jan 2 at 23:56
Mohammad bMohammad b
1,59121735
1,59121735
add a comment |
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%2f54014661%2fget-another-image-if-the-main-image-is-not-available%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
You can solve that with a simple IF statement
– Second2None
Jan 2 at 23:54