Jump to content
McKay Development

Fetching item images


teerullino10

Recommended Posts

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?

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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!!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...