Path: csiph.com!xmission!news.snarked.org!news.linkpendium.com!news.linkpendium.com!panix!not-for-mail From: ruben safir Newsgroups: comp.lang.javascript Subject: Re: the definition of this Date: Sat, 7 Jul 2018 21:02:25 -0400 Organization: PANIX Public Access Internet and UNIX, NYC Lines: 136 Message-ID: References: NNTP-Posting-Host: www3.mrbrklyn.com Mime-Version: 1.0 Content-Type: text/plain; charset=utf-8 Content-Transfer-Encoding: 8bit X-Trace: reader1.panix.com 1531011752 3212 96.57.23.83 (8 Jul 2018 01:02:32 GMT) X-Complaints-To: abuse@panix.com NNTP-Posting-Date: Sun, 8 Jul 2018 01:02:32 +0000 (UTC) User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:52.0) Gecko/20100101 Thunderbird/52.8.0 In-Reply-To: Content-Language: en-US Xref: csiph.com comp.lang.javascript:35373 Sorry, the code looks line this 1 2 3 4 5 94 95 96 97

Image Modal

98

In this example, we use CSS to create a modal (dialog box) that is hidden by default.

99

We use JavaScript to trigger the modal and to display the current image inside the modal when it is clicked on. Also note that we use the value from the image's "alt" attr ibute as an image caption text inside the modal.

100 101 Action Comics 102 103 104 109 110 132 133 134