Skip navigation
Deedee52
Currently Being Moderated

Help with jquery popup window code

Dec 5, 2013 4:19 PM

I have this code and I am trying where to place the code elements so that it works.  Below is the link to the site with the example as well as the code.  Any help will be greatly appreciated.

 

popup window link (transition 3a)

 

http://dinbror.dk/bpopup/

 

Code link

 

http://dinbror.dk/blog/bPopup/#Usage

 
Replies
  • Currently Being Moderated
    Dec 5, 2013 11:43 PM   in reply to Deedee52

    <!doctype html>

    <html>

    <head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <title>Untitled</title>

     

    <!-- Stylesheet borrowed from dinbror.dk -->

    <link rel="stylesheet" href="http://dinbror.dk/bpopup/assets/style.min.css">

    </head>

    <body>

    <div id="page">

      <button class="button small pop1">Pop it up</button>

    </div>

     

    <!-- The Popup Window -->

    <div id="popup"> <span class="button b-close"><span>X</span></span> If you can't get it up use<br>

      <span class="logo">bPopup</span>

    </div>

     

    <!-- jQuery Library -->

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

     

    <!-- Scripts used in bPopup borrowed from  dinbror.dk -->

    <script src="http://dinbror.dk/bpopup/assets/jquery.bpopup-0.9.4.min.js"></script>

    <script src="http://dinbror.dk/bpopup/assets/jquery.easing.1.3.js"></script>

    <script src="http://dinbror.dk/bpopup/assets/scripting.min.js"></script>

     

    </body>

    </html>

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 10, 2013 6:09 PM   in reply to Deedee52

    Try adding

    .b-modal __b-popup1__ {

        background-color: transparent !important;

    }

    The class .b-modal __b-popup1__ is added by the JavaScript, the current background-colour is rgb(0, 0, 0). You can change this value to whatever you wish - in my example above I have made it transparent.

     

    The !important bit ensures that your value will not again be overridden by the JavaScript.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points