how can i get a lightbox script to linked to an image?

  • Profile Image
    edhecht
    Asked on March 02, 2013 at 11:45 AM

    I want the light box Form to pop up when someone clicks on a rollover image on my site. When you mouseover the image it changes color. When you click it I want the lightbox to pop up with the form. Website is hfl.troystestingsite.com. Image is center image next to Video.

  • Profile Image
    moonzkie
    Answered on March 02, 2013 at 12:53 PM

    Hi,

    There are two ways to make this possible, one would be to use CSS instead for the image change hover effect and second would be to use a code which will allow you to add a lightbox script without comprimising your hover effect. You can try this codes:

     

    <script src="//www.jotform.com/min/g=feedback" type="text/javascript">

    new JotformFeedback({

    formId:'11814245193',

    base:'http://www.jotform.com/',

    windowTitle:'Test Form',

    background:'#FFA500',

    fontColor:'#FFFFFF',

    type:1,

    height:500,

    width:700

    });

    </script>

    <a class="lightbox-11814245193" style="cursor:pointer;color:blue;text-decoration:underline;"><img src="URL OF FIRST IMAGE GOES HERE" onmouseover="this.src='URL OF SECOND IMAGE GOES HERE'" onmouseout="this.src='URL OF FIRST IMAGE GOES HERE'" /></a>

     

    Hope this helps. Thank you.