Lightbox Form with onmouseover functionality
-
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.