Fetching item images

[teerullino10]

Hi, I'm a newbie coder and am having trouble with fetching csgo item images for an experimental exchange site.

All this is what I have so far on deposit matters:

 

This is the deposit section: http://prntscr.com/ik3xnx

Here's the price update code:

const _ = require('lodash');
const request = require('request');

const Price = require('../models/price');

module.exports = interval => {
  update();

  setInterval(update, interval);
};

function update() {
  request('https://api.csgofast.com/price/all', (err, response, body) => {
    if (err) {
      console.log(err);
    } else {
      let json = {};

      try {
        json = JSON.parse(body);
      } catch (e) {
        console.log(e);
      }

      _.forOwn(json, (price, market_hash_name) => {
        Price.update(
          { market_hash_name },
          {
            $set: { price }
          },
          { upsert: true },
          err => {
            if (err) {
              console.log(err);
            }
          }
        );
      });
    }
  });
}

And here's the HTML:

<!-- DEPOSIT MENU -->
<div class="deposit">
	<h1>Deposit Items</h1>
	<ul class="deposit">
		{{#each items}}
		<li class="deposit item" data-assetid="{{this.assetid}}">{{market_hash_name}} (${{this.price}})
		{{/each}}
	</ul>
</div>

How do I get the images to show up, for example over the item name?

[McMuffinDK]

Use this <img src="https://steamcommunity-a.akamaihd.net/economy/image/{theitem img link}/256fx256f">

Edited February 27, 2018 by McMuffinDK

[teerullino10]

Use this <img src="https://steamcommunity-a.akamaihd.net/economy/image/{theitem img link}/256fx256f">

That part I already know but how do I get the item img link in there?

[teerullino10]

Also what is the difference between

https://steamcommunity-a.akamaihd.net/economy/image/class/730/310776773

and

https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot6-iFBRw7P7NYjV96tOkkZOfqPH9Ib7um25V4dB8xLuVoIqkiVHtrkFoMGjzdoSWdwY6aFvX_Vfow-_mhJS5vs_IwHRhuyk8pSGK2gnD2Gc

And why is the last one used by all the betting sites and not the first one which seems easier to use

[McMuffinDK]

Also what is the difference between

https://steamcommunity-a.akamaihd.net/economy/image/class/730/310776773

and

https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot6-iFBRw7P7NYjV96tOkkZOfqPH9Ib7um25V4dB8xLuVoIqkiVHtrkFoMGjzdoSWdwY6aFvX_Vfow-_mhJS5vs_IwHRhuyk8pSGK2gnD2Gc

And why is the last one used by all the betting sites and not the first one which seems easier to use

The shorter one is used with the item's market id wich (if i got it right) is hard to get. The long one is in the tradeoffer object that is sent and therefore a lot easier to use

[McMuffinDK]

That part I already know but how do I get the item img link in there?

 

You can get it from the CEconItem object that you can get using node-steam-tradeoffer-manager

[teerullino10]

All I did was change the html deposit section to

<!-- DEPOSIT MENU -->
<div class="deposit">
	<h1>Deposit Items</h1>
	<ul class="deposit">
		{{#each items}}
		<li class="deposit item" data-assetid="{{this.assetid}}" data-classid="{{this.classid}}">{{market_hash_name}} (${{this.price}}) <img src="https://steamcommunity-a.akamaihd.net/economy/image/class/730/{{this.classid}}/150fx125f"> </li>
		{{/each}}
	</ul>
</div>

and it worked like a charm!!