• Hello,

    My ultimate goal is to have a contact form pop up in a lightbox using the contact form 7 plugin and the form lightbox plugin, when an image is clicked on in the sidebar. Basicall I am trying to recreate this functionality: http://www.mya.co.uk/cosmetic-surgery/liposuction on my page: http://www.jwplasticsurgery.com/newsite/liposuction/

    I know I need to use the following code below to get the contact form to show up in the lightbox:
    <?php echo do_shortcode ('[formlightbox_call contact-form-7 id="58" title="Contact Us"]'); ?>

    But how do I incorporate this with the code in the widget?

    <div style="background-image:url(http://www.jwplasticsurgery.com/newsite/wp-content/uploads/2013/02/contact-background.png); width: 260px; height: 310px; border: 1px solid #fff; margin-left: 5px;">
    <div style=" margin-left:-10px; !important; margin-top: 90px;">
    <a href="http://www.jwplasticsurgery.com/newsite/breast-implants-chicago-contact/"><img src="http://www.jwplasticsurgery.com/newsite/wp-content/uploads/2013/02/consult1.png" onmouseover="this.src='http://www.jwplasticsurgery.com/newsite/wp-content/uploads/2013/02/consult-on-hover1.png'" onmouseout="this.src='http://www.jwplasticsurgery.com/newsite/wp-content/uploads/2013/02/consult1.png'" /></a>
    <a href="http://www.jwplasticsurgery.com/newsite/breast-implants-chicago-contact/"><img src="http://www.jwplasticsurgery.com/newsite/wp-content/uploads/2013/02/call-back.png" onmouseover="this.src='http://www.jwplasticsurgery.com/newsite/wp-content/uploads/2013/02/call-back-hover.png'" onmouseout="this.src='http://www.jwplasticsurgery.com/newsite/wp-content/uploads/2013/02/call-back.png'" /></a>
    <a href="http://www.jwplasticsurgery.com/newsite/breast-implants-chicago-contact/"><img src="http://www.jwplasticsurgery.com/newsite/wp-content/uploads/2013/02/further-info.png" onmouseover="this.src='http://www.jwplasticsurgery.com/newsite/wp-content/uploads/2013/02/further-info-hover.png'" onmouseout="this.src='http://www.jwplasticsurgery.com/newsite/wp-content/uploads/2013/02/further-info.png'" /></a>
    <a href="http://www.jwplasticsurgery.com/newsite/#"><img src="http://www.jwplasticsurgery.com/newsite/wp-content/uploads/2013/02/chat.png" onmouseover="this.src='http://www.jwplasticsurgery.com/newsite/wp-content/uploads/2013/02/chat-hover.png'" onmouseout="this.src='http://www.jwplasticsurgery.com/newsite/wp-content/uploads/2013/02/chat.png'" /></a></div>
    </div>

    Any help anyone can give is really appreciated.

    Thank you!

The topic ‘Lightbox Form with onmouseover functionality’ is closed to new replies.