Understanding Eloquent relationships - eloquent

Question

please i really want to understand Eloquent relationships because i am having a lot headaches in this app i am building, in the show catalogue styles section, what i want to achieve is to show two images of each style catalogue#styles on the page, that is if two images are uploaded (front) and (back) images but by default it will show the front view, the screenshot will help you understand better
SCREENSHOTS
This first image shows the styles listing with a default front view, but when viewed more it should show the font and back images in a slide.
This image is showing a particular style clicked to view more, with the front and back images sliding.
THE PROBLEM
I want to be able to show the front and back images when viewed more, but it is showing a different image from a different id.
EXISTING CODE
$catalogueStyles = DB::table('catalogueimages')
->select('catalogueimages.id',
'catalogueimages.user_id',
'catalogueimages.catalogue_style_id',
'catalogueimages.catalogue_style_view',
'catalogueimages.new_name',
'catalogueimages.image_path',
'cataloguestyles.id',
'cataloguestyles.user_id',
'cataloguestyles.catalogue_style_name',
'cataloguestyles.catalogue_style_description',
'cataloguestyles.catalogue_style_tags',
'cataloguestyles.catalogue_style_rating',
'cataloguestyles.catalogue_style_publisher_name',
'cataloguestyles.catalogue_style_publisher_url')
->join('cataloguestyles','cataloguestyles.id','=','catalogueimages.catalogue_style_id')
->where('catalogue_style_view',0)
->get();
i want to relate the cataloguestyles table with the catalogueimages table so as to combine them and pull the data from the db, i have tried this for a test
Cataloguestyle model
<?php
namespace App\Wasamar;
use Illuminate\Database\Eloquent\Model;
class Cataloguestyle extends Model
{
/**
* The database table used by the model.
*
* #var string
*/
protected $table = 'cataloguestyles';
function catalogueimage(){
return $this>hasMany('App\Wasamar\Catalogueimage','catalogue_style_id');
}
}
Catalogueimage model
<?php
namespace App\Wasamar;
use Illuminate\Database\Eloquent\Model;
class Catalogueimage extends Model
{
/**
* The database table used by the model.
*
* #var string
*/
protected $table = 'catalogueimages';
function cataloguestyle(){
return $this->belongsTo('App\Wasamar\Cataloguestyle','id');
}
}
When i try the hasMany function on the catalogue style and try to get the values, i get this error
FatalErrorException in routes.php line 246: Call to a member function catalogueimage() on null