0 {{ upvoteCount | shortNum }}
0 {{ upvoteCount | shortNum }}

Need help with lightbox coding, real simple, I THINK

by nikeman070
0 replies
  • WEB DESIGN
    • |
Ok I am confused I figure if I gave a button on the page a link to # It would bring out the lightbox.

Here is an example of what I am talking about

<li><a href="#" id="button">Service Times</a> </li>

In that bit of code it brings up the light box ex at Church Of The New Covenant

at the top there is a button that says "service times" when you click it the lightbox appears.

But in the request prayer section I give the link to # and nothing happens

OK I know pretty noobish and it can't be as simple as to link it to #

but for the service times button there is nothing there but these bits of code

Code:
<li><a href="#" id="button">Service Times</a> </li>
&

Code:
        <!--Popup window-->
 <div id="popupContact"> <a id="popupContactClose" href="#"><img src="Church Best/img/window-close.png" /></a>
            <h3>Service Times &amp; Directions</h3>
            <div class="col left">
                <h4>Service Times</h4>
                <p><strong>Sunday:</strong> 8:45 am, 10:30 am,
                
                <h4>Weekday Activities</h4>
                <p><strong>WEDNESDAY: </strong>7:00 P.M. PRAYER SERVICE</p>
                <p><strong>MONDAY-FRIDAY</strong> ~ SMALL GROUPS MEET THROUGHOUT THE JACKSONVILLE AREA.  </p>
            </div>
            <div class="col left">
                <a href="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=&sll=28.384085,-81.497011&sspn=0.006806,0.013937&ie=UTF8&ll=28.384623,-81.495101&spn=0.007041,0.013937&t=h&z=17"><img src="Church Best/img/map.jpg" alt="map" class="thumb-left" /></a>
                <a href="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=&sll=28.384085,-81.497011&sspn=0.006806,0.013937&ie=UTF8&ll=28.384623,-81.495101&spn=0.007041,0.013937&t=h&z=17" >View larger map</a>
                <address>
                520 Nazarene Rd<br/>
                Jacksonville, IL 62650<br/>
                (217) 243-5096 
                </address>
            </div>
        </div>
the second part is the content inside the lightbox, I don't get it how do I make other buttons make the lightbox appear?
#coding #lightbox #real #simple

Trending Topics