Image as submit button fading in..possible?

  • Profile Image
    Asked on December 07, 2012 at 01:19 AM


    It is possible to have a contact submit button on a form that's an image and have that image fade in?

    FYI, my site has a sidebar that I created and it contains social media icons that I placed into it including a mail icon. This 'social' bar I created fades in on my site and I need the mail icon to fade in (that is a link to my JotForm lightbox form) when a person clicks on the mail icon.

    If so, how?




  • Profile Image
    Answered on December 07, 2012 at 02:28 AM

    Hi Billy,

    I think that would be possible. Try declaring the lightbox class e.g. lightbox-1234567890 (this can be found on the last part of your lightbox embed code) on your mail icon html code. That should call your lightbox form, of course you have to embed the lightbox script codes anywhere on your page (excluding the anchor <a> tags since the lightbox class was already transferred to your mail icon).

    May we also know the website URL where you've embedded your form so we can check it here? Thanks!

  • Profile Image
    Answered on December 07, 2012 at 03:16 AM

    Hi idarktech!

    The website is The site contents will take some time to load and it has a video background too. I know, it's a wait...sorry.

    My goal is to have the mail icon fade in WITH the social bar.

    As you will see, it appears instantly.

    Hope this can be done.

    I thank you very much!


  • Profile Image
    Answered on December 07, 2012 at 04:16 AM

    Hi Billy,

    You seem to have two mail button images already. I'd suggest to replace the first mail button with the full lightbox embed code including the mail button that's part of it. Example:

    <script src="" type="text/javascript">

    new JotformFeedback({



    windowTitle:'Contact Us!',








    <div id="wb_mail_logo" style="position:absolute;left:0px;top:140px;width:28px;height:28px;z-index:3;">

    <a class="lightbox-23297220583151" style="cursor:pointer;color:blue;text-decoration:underline;"><img src="images/mail_logo.png" /></a></div>

    You can check and get my source code here:

    Do let us know if you need further clarification. Thanks!

  • Profile Image
    Answered on December 07, 2012 at 04:31 AM

    Hi idarktech,

    WOW, you are awesome!! Tell your boss that I said to give you a raise asap!

    Thanks so very much!!!