Spec Form API Widget: Image Selector

[mvang]

Why is my large thumbnail showing a missing image?

The missing image below appears when I click on "Create New". Then when I click on a small thumbnail image thats when the large thumbnail image will show on the left.



Below print screen of demo site where the 1st small thumbnail is shown on the large thumbnail location.


I copy and paste the exact code from project files on the demo site.

HTML
[[Jersey]]

Advanced Script
var path = 'http://www.four51.com/Themes/Custom/../DocumentActions/images/Jersey/';
spec['Jersey'].imageSelector({
bordercolor: "red",
width: 460,
height: 200,
thumbnailsize: 40,
bgcolor: "#fff",
bordercolor: "#000",
highlightcolor: "#ff0",
rollovertext: "Click this to choose jersey",
images: [
path + 'dalhome.jpg',
path + 'dalroad.jpg',
path + 'dalthrow.jpg',
path + 'gbhome.jpg',
path + 'gbroad.jpg',
path + 'gbthrow.jpg',
path + 'indyroad.gif',
path + 'indythrow.jpg',
path + 'jaxhome.jpg',
path + 'jaxroad.jpg',
path + 'jaxthrow.jpg',
path + 'nehome.jpg',
path + 'neroad.jpg',
path + 'nethrow.jpg',
path + 'nyhome.jpg',
path + 'nyroad.jpg',
path + 'nythrow.jpg',
path + 'pithome.jpg',
path + 'pitroad.jpg',
path + 'pitthrow.jpg',
path + 'sdhome.jpg',
path + 'sdroad.jpg',
path + 'sdthrow.jpg',
path + 'seahome.jpg',
path + 'searoad.jpg',
path + 'seathrow.gif',
path + 'tbhome.jpg',
path + 'tbroad.jpg',
path + 'tbthrow.jpg',
path + 'tenhome.jpg',
path + 'tenroad.jpg',
path + 'tenthrow.jpg',
path + 'washome.jpg',
path + 'wasroad.jpg',
path + 'wasthrow.jpg',
]
});

The insightsfour51 blog you indicated not to use high resolution images to displayed in the form. How will that work for our production file which will required to use high resolution images?

Thank You.

[jrogalski]

Try putting in a default for that spec. The large image is currently blank, becuase you have not selected an image.

[mvang]

Great! It works.
One more question how can we show the name of the image selected? as show on the demo site.

Thank You.

[jrogalski]

In this specific example, the Jersey spec should be set as the variant identifier.

[mvang]

[jrogalski]

For this example, this is the spec 'Jersey'. That spec being exposed on the specform.

[mvang]

I got it show by adding "debug: true,"
How can I have the default file name instead of the path when choose template.
see below:

[jrogalski]

Steve will have to answer this, as he created the product. Sorry.

[mvang]

Ok.
Thank You for all your help.

[Steve]

This is a known bug with the default values. It has been fixed and will be deployed with the next release.
_________________
Steve

You can read about other advanced tech topics on the http://www.insightsfour51.com/?cat=3

[mvang]

Great! Thank You.

[mvang]

After I render the proof and then go back and make changes by clicking on Edit I would have to go back and reselect the photo if not than i get an error "The website cannot display the page"

On the demo site. If I go back to edit a job without reselecting the photos the proof show up ok.
Products > Spec Form API Demos > Spec Form API Image Selector Widget

Any help is greatly appreciated.
Thank You
MV

[mvang]

After I render the proof and then go back and make changes by clicking on Edit I would have to go back and reselect the photo. If not than i get an error "The website cannot display the page"

On the demo site. If I go back to edit a job without reselecting the photos the proof show up ok.
Products > Spec Form API Demos > Spec Form API Image Selector Widget

You also indicated on the next release the "debug: true," will default to the file name instead of the path. Is this on the new release 12?


Any help is greatly appreciated.
Thank You
MV

[mvang]

Just a friendly follow-up on my previous post above.
MV

[Steve]