Get another image if the main image is not available












-1















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'] ?>";>









share|improve this question























  • You can solve that with a simple IF statement

    – Second2None
    Jan 2 at 23:54
















-1















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'] ?>";>









share|improve this question























  • You can solve that with a simple IF statement

    – Second2None
    Jan 2 at 23:54














-1












-1








-1








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'] ?>";>









share|improve this question














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






share|improve this question













share|improve this question











share|improve this question




share|improve this question










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



















  • 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












2 Answers
2






active

oldest

votes


















1














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





share|improve this answer
























  • 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





















0














$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 ?>";>





share|improve this answer























    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
    });


    }
    });














    draft saved

    draft discarded


















    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









    1














    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





    share|improve this answer
























    • 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


















    1














    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





    share|improve this answer
























    • 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
















    1












    1








    1







    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





    share|improve this answer













    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






    share|improve this answer












    share|improve this answer



    share|improve this answer










    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





















    • 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















    0














    $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 ?>";>





    share|improve this answer




























      0














      $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 ?>";>





      share|improve this answer


























        0












        0








        0







        $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 ?>";>





        share|improve this answer













        $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 ?>";>






        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Jan 2 at 23:56









        Mohammad bMohammad b

        1,59121735




        1,59121735






























            draft saved

            draft discarded




















































            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.




            draft saved


            draft discarded














            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





















































            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







            Popular posts from this blog

            Angular Downloading a file using contenturl with Basic Authentication

            Monofisismo

            Olmecas