How can I use PHP Simple HTML DOM to get img src?

Question

I Would like to scrape images from this page http://www.ikea.com/us/en/catalog/products/S59163189/

The markup for displaying the images are like this:

 <div id="moreImgThumbContainer">
    <div class="imageThumb" id="imageThumb_0">
        <a href="javascript:void(0);" id="imageThumbLink_0" class="active">
            <img src="/PIAimages/0386819_PE559167_S3.JPG" onclick="irwStatThumbImgClickedFromPIP();" onmouseover="addOpacityEffect(this.id);" onmouseout="rmvOpacityEffect(this.id);" id="imgID_0" style="opacity: 10;">
        </a> 
    </div>



 <div class="imageThumb" id="imageThumb_1">
        <a href="javascript:void(0);" id="imageThumbLink_1">
            <img src="/PIAimages/0449646_PE599007_S3.JPG" onclick="irwStatThumbImgClickedFromPIP();" onmouseover="addOpacityEffect(this.id);" onmouseout="rmvOpacityEffect(this.id);" id="imgID_1" style="opacity: 0.8;">
        </a>
    </div>
</div>

I tried with the html code, in a single page, it works.

foreach($html->find('img[id^=imgID]') as $img_link){
         $img_array[] = 'http://www.ikea.com'.$img_link->src;
         $images = implode(';', $img_array); 
}

How can I get src of each image in PHP html dom parser using this api http://simplehtmldom.sourceforge.net/ ?

Edit: I think that i found the cause of the problem, the images are loading with ajax and takes time to load.

Is there a solution to scrape them?

Any help please!

http://stackoverflow.com/questions/24601588/get-image-src-with-simple-html-dom — Sebastian Berge, Mar 29 '17 at 11:29
Possible duplicate of [get image src with simple-html-dom](http://stackoverflow.com/questions/24601588/get-image-src-with-simple-html-dom) — Sebastian Berge, Mar 29 '17 at 11:30
If images load dynamically by `ajax` then you want analyze the js or ajax request/respose, but not the html dom — Yu Jiaao, Mar 29 '17 at 14:42

score 0 · Answer 1 · answered Mar 29 '17 at 11:38

Try with jquery and Array#map function

var d  = $('.imageThumb').map(function (){
c =  $(this).children('a').children('img').attr('src');
return c;
}).get()

console.log(d.join(';'))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="moreImgThumbContainer">
    <div class="imageThumb" id="imageThumb_0">
        <a href="javascript:void(0);" id="imageThumbLink_0" class="active">
            <img src="/PIAimages/0386819_PE559167_S3.JPG" onclick="irwStatThumbImgClickedFromPIP();" onmouseover="addOpacityEffect(this.id);" onmouseout="rmvOpacityEffect(this.id);" id="imgID_0" style="opacity: 10;">
        </a> 
    </div> 

    <div class="imageThumb" id="imageThumb_1">
        <a href="javascript:void(0);" id="imageThumbLink_1">
            <img src="/PIAimages/0449646_PE599007_S3.JPG" onclick="irwStatThumbImgClickedFromPIP();" onmouseover="addOpacityEffect(this.id);" onmouseout="rmvOpacityEffect(this.id);" id="imgID_1" style="opacity: 0.8;">
        </a>
    </div>
</div>

the question title and a now edit-deleted tag said PHP – cypherabe Mar 29 '17 at 11:39 — cypherabe, Mar 29 '17 at 11:39

How can I use PHP Simple HTML DOM to get img src?

1 Answers1