Featured Slider

VisualIDX gives you the ability to add a slider of featured listings anywhere you’d like on your site. Check out the details below

Javascript

In the HEAD section of your page place the following JS:

<script type="text/javascript" src="https://cdn.visualidx.com/js/featuredslider.js"></script>
<script>
    var o1 = {
        propertyclass : 'Residential,Multifamily',
        officeID : '000'
    };
    var l1 = new wsm.visualidx.featuredSlider(document.getElementById('featuredListing'),o1);
</script>

var o1 = {

propertyclass : 'Residential,Multifamily',

officeID : '000'

};

var l1 = new wsm.visualidx.featuredSlider(document.getElementById('featuredListing'),o1);

</script>

Then wherever you want the Visual Idx Featured Listing to appear on your page either..

<div id="featuredListing"></div>

1	<div id="featuredListing"></div>

or add your own html structure

<div id="featuredSlider">
    <div  style='clear:both;'>
        <span id="featuredCity"></span> 
        - 
        <span class="featuredClass"></span>
    </div>
    <a class='featuredImageLink'>
        <img src id='featuredImage' />
    </a>
    <p class='caption'>
        MLS # 
        <span id='featuredMLS'></span> 
        |   
        <span class="featuredPrice"></span> 
        | 
        <a id='featuredListingLink'>View Details</a> 
        | 
        <a id='featuredEmailLink' >Email Us About This Listing</a>
    </p>
    <div id="featuredRemarks"></div>
</div>

</div>

</a>

MLS #

<a id='featuredListingLink'>View Details</a>

<a id='featuredEmailLink' >Email Us About This Listing</a>

</p>

</div>

You can customize the featured slider with these options

{
	agentID : '', // Set this if you want to limit the search to properties of just one (or a few) agent(s). Use commas to separate agent IDs.
	areas : '', // Logical ||, Semi-colon-separated list of areas - i.e. 'county:San Juan;subdivision:Twin Buttes;city:Bayfield;area:Durango In Town'
	background : '', // Define the background of the SuperTrack with any CSS compliant background definition. Default is #333.
	contactemail : '', // Required if you have an 'Email about this listing' link. This can be set to any valid email address
	city : '',	// City to limit listings to
	count : '1', // Number of listings to load at a time
	css : 'https://cdn.visualidx.com/css/featuredslider.css',
	emailsubject : 'Please send more information regarding MLS #',
	fields : 'mls,remarks,class,city,area,price,bedrooms,bathrooms,s3picCount',
	layout : 'vertical', // 'vertical' shows photo at top, or 'horizontal' shows photo at left
	limit : 1,
	mls : '', // List of MLS addresses to cycle through. ie '123456' or '123456,654321'
	mlsand : '', // List of MLS numbers to include as a Logical AND to whatever filters apply. The 'mls' option is exclusive by comparison.
	officeID : '', // Same idea as agent, but limit by office ID(s).
	propertyclass : '', // Residential, MultiFamily, Land, FarmRanch and/or Commercial. Default is All if none specified
	pmin : '', // minimum price if you want to set it
	pmax : '', //maximum price if you want to set it
	prevNextButtons : 1, // Whether to show the 'prev' and 'next' buttons overlaying the photo. 1 is on. 0 is off.
	picTracker : 1, // Whether to show the 'Showing picture x of x'. 1 is on. 0 is off.
	pubdate : '', // Show istings added or modified since a certain pubdate. Format is 'yyyy-mm-dd' for listing on of after a specific day or e.g '-14' (for past 14 days)
	refreshRate : '16000', // Frequency (in milliseconds) that the featured listing is rotated.
	remarksLimit : 0, // Length of the remarks paragraph. Default 0 = unlimited.
	subdivision : '', // Select a particular subdivision.
	target : 'featuredSlider', // Target div where the featured listing info will be displayed. Must be a valid 'ID' of the DOM.
	targetURL : 'details.php?a=b', // this is the page on your site where you'll send users for details about the property. You'll need to set up that page.
	transition: 'fade', // The jQuery effect to use to rotate listings. Can be 'fade', 'slideleft', 'slideup', 'flash' or 'none'. Note - 'none' stops the listing from changing.
	url : 'https://dispatch.visualidx.com', //no need to ever change this
	width : '100%', // Percent of parent element to fill up
	zip : '' // Limit listings to a particular 5-digit zip code.
}

{

agentID : '', // Set this if you want to limit the search to properties of just one (or a few) agent(s). Use commas to separate agent IDs.

areas : '', // Logical ||, Semi-colon-separated list of areas - i.e. 'county:San Juan;subdivision:Twin Buttes;city:Bayfield;area:Durango In Town'

background : '', // Define the background of the SuperTrack with any CSS compliant background definition. Default is #333.

contactemail : '', // Required if you have an 'Email about this listing' link. This can be set to any valid email address

city : '', // City to limit listings to

count : '1', // Number of listings to load at a time

css : 'https://cdn.visualidx.com/css/featuredslider.css',

emailsubject : 'Please send more information regarding MLS #',

fields : 'mls,remarks,class,city,area,price,bedrooms,bathrooms,s3picCount',

layout : 'vertical', // 'vertical' shows photo at top, or 'horizontal' shows photo at left

limit : 1,

mls : '', // List of MLS addresses to cycle through. ie '123456' or '123456,654321'

mlsand : '', // List of MLS numbers to include as a Logical AND to whatever filters apply. The 'mls' option is exclusive by comparison.

officeID : '', // Same idea as agent, but limit by office ID(s).

propertyclass : '', // Residential, MultiFamily, Land, FarmRanch and/or Commercial. Default is All if none specified

pmin : '', // minimum price if you want to set it

pmax : '', //maximum price if you want to set it

prevNextButtons : 1, // Whether to show the 'prev' and 'next' buttons overlaying the photo. 1 is on. 0 is off.

picTracker : 1, // Whether to show the 'Showing picture x of x'. 1 is on. 0 is off.

pubdate : '', // Show istings added or modified since a certain pubdate. Format is 'yyyy-mm-dd' for listing on of after a specific day or e.g '-14' (for past 14 days)

refreshRate : '16000', // Frequency (in milliseconds) that the featured listing is rotated.

remarksLimit : 0, // Length of the remarks paragraph. Default 0 = unlimited.

subdivision : '', // Select a particular subdivision.

target : 'featuredSlider', // Target div where the featured listing info will be displayed. Must be a valid 'ID' of the DOM.

targetURL : 'details.php?a=b', // this is the page on your site where you'll send users for details about the property. You'll need to set up that page.

transition: 'fade', // The jQuery effect to use to rotate listings. Can be 'fade', 'slideleft', 'slideup', 'flash' or 'none'. Note - 'none' stops the listing from changing.

url : 'https://dispatch.visualidx.com', //no need to ever change this

width : '100%', // Percent of parent element to fill up

zip : '' // Limit listings to a particular 5-digit zip code.

}

You can put as many featured listings on a page as you want, but you have to call each with a different DOM element as the target. So you would use…

var o1 = { propertyclass : 'Land', officeID : '000'};
var o2 = { propertyclass : 'FarmRanch', officeID : '000'};
var l1 = new wsm.visualidx.featuredSlider('featuredSlider',o1);
var l2 = new wsm.visualidx.featuredSlider('featuredSlider2',o2);

var o1 = { propertyclass : 'Land', officeID : '000'};

var o2 = { propertyclass : 'FarmRanch', officeID : '000'};

var l1 = new wsm.visualidx.featuredSlider('featuredSlider',o1);

var l2 = new wsm.visualidx.featuredSlider('featuredSlider2',o2);

…instead of…

var o1 = { propertyclass : 'Land', officeID : '442'};
var l1 = new wsm.visualidx.featuredSlider('featuredSlider',o1);

1 2	var o1 = { propertyclass : 'Land', officeID : '442'}; var l1 = new wsm.visualidx.featuredSlider('featuredSlider',o1);

You can customize the featured slider with these options

Related

Contact WSM

Advertise w/ WSM

Featured Slider

You can customize the featured slider with these options

Share this:

Related

Contact WSM

Advertise w/ WSM