Grow your CSS skills. Land your dream job.

Does anyone know how this was done?

  • # May 9, 2013 at 1:28 am

    And what plugin has been used? Paid plugins are also fine.

    [http://www.blanklabel.com/Fabric](http://www.blanklabel.com/Fabric “”)

    When a cloth type is selected, a preview on the mannequin torso can be seen.

    # May 9, 2013 at 2:03 am

    Just different elements containing different images, once a color is switched the JS switches the image (along with showing and hiding the main fabric hover state)

    Check out, http://www.blanklabel.com/Scripts/script.js and check out line 194 (in chrome’s inspect element) or search for this

    function fabricClick(fid, price, name, tailorsprice, description) {

    . Hope this helps, if you need a more in-depth explaination let us know.

    # May 9, 2013 at 2:30 am

    Okay. Just a quick question. The end result would be the same as that of the image getting refreshed with **another image** of the same mannequin wearing a shirt of a different fabric, correct? (the guy I’m working with knows how to accomplish this).

    Also, to confirm , this is not possible if the client just provides the thumbnails of the fabric strips (without its fit on the mannequin), correct?

    The client plans to just provide a mannequin photo and the thumbnails of the fabric strips on the right but wants the fabric to fit on the mannequin when a thumbnail is clicked.

    # May 9, 2013 at 8:33 am

    >Also, to confirm , this is not possible if the client just provides the thumbnails of the fabric strips (without its fit on the mannequin), correct?

    Correct.

    # May 25, 2013 at 9:46 am

    I knew the same like you have discussed:

    [http://www.fitcustomshirts.com/custom-dress-shirts/polyester-fabric.htm](http://www.fitcustomshirts.com/custom-dress-shirts/polyester-fabric.htm “http://www.fitcustomshirts.com/custom-dress-shirts/polyester-fabric.htm”)

    I don’t know in detail all about this :| It exactly shows the same as you have mentioned or described.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".