How to show inline content in lightbox popup?

StackOverflow https://stackoverflow.com/questions/21168480

Question

Could it possible to show inline content in lightbox2 popup? Currently I am using:

<a id='lbpopup' href='/popupcontent.php' rel='lightframe' style='display:none;'>flyover</a>
<script type="text/javascript">
  $(document).ready(function(){
    $('#lbpopup').click();
  });
</script>

By using the above code popup is working, but it using an iframe to load content from the page popupcontent.php

Actually my requirement is :

<html>
  <body>
    <div id='popup-content'>My Popup Content</div>
    <a id='lbpopup' href='#'>Click here</a>
  </body>
</html>

While click on the link #lbpopup, I want to show the content of div #popup-content as popup without using iframe. How can I do that?

I don't want to try any other jQuery popups like fancybox, colorbox etc. I just want to make it with lightbox2 only.

Était-ce utile?

La solution

Lightbox2 doesn't seem to have many features. It would be sorta hacky if you want to get inline content to work. Maybe you can try this

https://web-beta.archive.org/web/20151110065936/http://old.joesong.com:80/2010/02/showing-in-page-and-inline-content-in-lightbox2/

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top