Fråga : toggle synlighet av i galleria.js

Förmiddag som I skapar ett avbildagalleri using Galleria. På varje avbilda, det finns ”mig” knäppas upptill lämnat, att, när det klickas, avslöjer en
som innehåller text. Div-stagen öppnar, tills användaren klickar någonstans insida det. I stället jag önskar det öppna div-staget, tills ”xet” i tränga någon klickas endast. Ditåt användaren kan välja checkboxen utan den som varje gång försvinner.

Link: href= " http://uat.govquestonline.com/galleria/demos/classic-02.html "” för _blank” för target= för nofollow” för http://uat.govquestonline .com/galleria/demos/classic-02.html

I har fäst en anknyta och att kodifiera för både galleria.js och galleria.classic.js

Thanks
> för
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
" codeBody " " >< för class= " för Demo 02 för Galleriaklassikertema <scriptsrc= " http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js " ></script> <scriptsrc= ". /src/galleria.js " ></script> <style> html förkroppsligar {bakgrund: #fff} #galleria #galleria2 { bredd: 700px; höjd: 500px; förse med marginal: automatisk 20px; } a { färga: #aaa; } .controller a { färga: #333; stilsort: arial helvetica, Sans Serif; text-garnering: inga; } </style> <! --LADDA JAVASCRIPTEN FÖR NÖJD SWITCHER FÖR <DIV>--> <scripttype= " text/javascript " > fungera hidestories () { var divs=document.getElementById (”gallerier) .getElementsByTagName (”div”); för (j=0; j<divs.length; j++) { beträffande = nya RegExp för var (”(^|\ \ s)” + ”galleri” +” (\ \ s|$) ”); om (rE.test (divs [j] .className)) { divs [j] .style.display= " inga "; } } } fungera berättelser (första) { var thebuttons=document.getElementById (”galleryControlen”) .getElementsByTagName (”a”); för (i=0; i<thebuttons.length; i++) { thebuttons [I] .onclick=function () { hidestories (); var-thestory= (this.href) .split (”nr.”, 2) [1]; document.getElementById (thestory) .style.display= " kvarter "; återgångt falskt; } } om (första) { var firstone=document.getElementById (”gallerier) .firstChild; om (firstone.nodeType! = 1) {firstonen = firstone.nextSibling;} firstone.style.display= " kvarter "; } } window.onload=function () { hidestories (); berättelser (1); } </script> </head> <body> <divid= " gallerier " > class= " galleri " för <divid=" galleria " > <imgsrc= ". /src/images/intro.gif " > <divclass= " descript " > value= " value1 " för name= " box1 " för <p><inputtype=" checkbox " > Select</input></p></div> <imgsrc= ". /src/images/cpHome-1.png " > <divclass= " descript " > value= " value1 " för name= " box1 " för <p><inputtype=" checkbox " > Select</input></p></div> <imgsrc= ". /src/images/cpHome-2.gif " > value= " value1 " för name= " box1 " " för checkbox " för type= för ><input för <divclass=" descript " > Select</input><p></p></div> <imgsrc= ". /src/images/cpHome-3.gif " > value= " value2 " för name= " box2 " " för checkbox " för type= för ><input för <divclass=" descript " > Select</input><p></p></div> <imgsrc= ". /src/images/cpHome-4.gif " > value= " value3 " för name= " box3 " " för checkbox " för type= för ><input för <divclass=" descript " > Select</input><p></p></div> <imgsrc= ". /src/images/cpHome-5.gif " > value= " value4 " för name= " box4 " " för checkbox " för type= för ><input för <divclass=" descript " > Select</input><p></p></div> <imgsrc= ". /src/images/cpHome-6.gif " > value= " value4 " för name= " box4 " " för checkbox " för type= för ><input för <divclass=" descript " > Select</input><p></p></div> <imgsrc= ". /src/images/cpHome-7.gif " > value= " value4 " för name= " box4 " " för checkbox " för type= för ><input för <divclass=" descript " > Select</input><p></p></div> <imgsrc= ". /src/images/cpHome-8.gif " > value= " value4 " för name= " box4 " " för checkbox " för type= för ><input för <divclass=" descript " > Select</input><p></p></div> </div> <! --galleri 2--> class= " galleri " för <divid= " galleria2 " > <imgsrc= ". /src/images/b-basics.gif " > <imgsrc= ". /src/images/cpIntro-1.gif " > value= " value4 " för name= " box4 " " för checkbox " för type= för ><input för <divclass=" descript " > Select</input><p></p></div> <imgsrc= ". /src/images/cpIntro-2.gif " > value= " value4 " för name= " box4 " " för checkbox " för type= för ><input för <divclass=" descript " > Select</input><p></p></div> <imgsrc= ". /src/images/cpIntro-3.gif " > value= " value4 " för name= " box4 " " för checkbox " för type= för ><input för <divclass=" descript " > Select</input><p></p></div> <imgsrc= ". /src/images/cpIntro-4.gif " > value= " value4 " för name= " box4 " " för checkbox " för type= för ><input för <divclass=" descript " > Select</input><p></p></div> <imgsrc= ". /src/images/cpIntro-5.gif " > value= " value4 " för name= " box4 " " för checkbox " för type= för ><input för <divclass=" descript " > Select</input><p></p></div> </div> </div><! --avslutar GALLERIER--> class= " kontrollant " för <divid=" galleryControl " > >Introduction </a><br/> för <ahref=" #galleria " >Blogging grunderna </a> för <ahref= " #galleria2 " </div> <! --LADDA GALLERIA --> <script> // laddar tema Galleria.loadTheme (”. /src/themes/classic/galleria.classic.js”); // kör galleria och tillfogar några alternativ $ (”#galleria”) .galleria ({ image_crop: falskt, popup_links: riktigt, övergång: ”blekna”, data_config: fungera (img) { gå tillbaka { beskrivning: $ (img) .next (”div”) .html () }; } }); $ (”#galleria2”) .galleria ({ image_crop: falskt, popup_links: riktigt, övergång: ”blekna”, data_config: fungera (img) { gå tillbaka { beskrivning: $ (img) .next (”div”) .html () }; } }); </script> </body> </html> </pre> </td> </tr> </table></div> </div> <divclass= " qAttachmentsRowlastRow " > <divclass= " namnger " >Attachments: </div> <divclass= " värderar " > för ><div " " för bbg för class= " för ><div " för br " för class= för ><div för class= " bl " för ></td></tr></table><div för class= " r " för ></td><td> </td><td för class= " H ><table " l class= ><tr><td class= <div " " för expNoHeaderquestionAttachments " för s snhF5FF class= " tömmer " ><-/div><divclass= " bc " ><divclass= " tillbehör " > filenamen " för class= för ><aen " för den <divclass=" fileInfoen " title= " ingen virus avkänd " " _blank " för href=" http://filedb.experts-exchange.com/incoming/2010/06_w26/319104/galleria.classic.js " target= <span class= för >galleria.classic.js</a> " fileSize " > (1 KB) " javascript för href= " för <-/span><aclass=" attachmentDetails: annullera (0); ”onclick=" clearAttachmentDetails (); nya AsyncInclude (”/shared/async/attachmentDetails.jsp? id=319104”, ”attachmentDetailsContent”); showInfoBox (händelse, ”attachmentDetails”); ”> (filtyp specificerar), </a> </div> <divclass= " beskrivning " >galleria.classic.js</div> </div> <-/div><divclass= " tömmer " class= " l " class= " r " ></td></tr></table> för ><tr><td för ><-/div></div></div></div><tableclass= " f " för ></td><td> </td><td </div> för ><div " " för bbg för class= " för ><div " för br " för class= för ><div för class= " bl " för ></td></tr></table><div för class= " r " för ></td><td> </td><td för class= " H ><table " l class= ><tr><td class= <div " " för expNoHeaderquestionAttachments " för s snhF5FF class= " tömmer " ><-/div><divclass= " bc " ><divclass= " tillbehör " > filenamen " för class= för ><aen " för den <divclass=" fileInfoen " title= " ingen virus avkänd " " _blank " för href=" http://filedb.experts-exchange.com/incoming/2010/06_w26/319105/galleria.js " target= <span class= för >galleria.js</a> " fileSize " > (43 KB) " javascript för href= " för <-/span><aclass=" attachmentDetails: annullera (0); ”onclick=" clearAttachmentDetails (); nya AsyncInclude (”/shared/async/attachmentDetails.jsp? id=319105”, ”attachmentDetailsContent”); showInfoBox (händelse, ”attachmentDetails”); ”> (filtyp specificerar), </a> </div> <divclass= " beskrivning " >galleria.js</div> </div> <-/div><divclass= " tömmer " class= " l " class= " r " ></td></tr></table> för ><tr><td för ><-/div></div></div></div><tableclass= " f " för ></td><td> </td><td </div> </div> </div> " klar " <divclass= ></span></h4> </td> </tr> <tr><td height="2px"></td></tr> <tr style="background-color:#f2f4f6"><td > <h2 style="font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:red;font-weight:bold"> <span id="ContentPlaceHolder1_tieude_as">Svar : toggle synlighet av i galleria.js</span> </h2></td></tr> <tr> <td valign="top"> <h5><span id="ContentPlaceHolder1_ans" style="font-family:Tahoma,Geneva,sans-serif;font-size:12px;font-weight:normal;color:#000000"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <div class="KonaBody"><div class="richText"> Min utklurade vän en lösning. Fästas ändrad kodifierar honom använde. Tack för dina kommentarer</div></div> <!-- text-ad & richText --> <span class="isBotVideo"> <span class="isBotVideo"></span></span> </div> </span></h5> </td> </tr> <tr><td height="5px"></td></tr> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><table width="100%" height="25px" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="100px" bgcolor="#FFFFFF" style="padding-left:5px"><span class="f11blue">Andra lösningar</span></td> <td background="http://programming4.us/images/bg-ch.gif"> </td> </tr> </table></td> </tr> <tr> <td style="padding:5px"> <div> <table id="ContentPlaceHolder1_DataList2" cellspacing="0" style="width:100%;border-collapse:collapse;"> <tr> <td> <table> <tr> <td valign="top" align="left"> <a href='http://faq.wmlcloud.com/se/microsoft/2656.aspx' class="a4"> <li> Hur många skrivar av sidor r där i SQL-server?</li></a> </td> </tr> </table> </td> </tr><tr> <td> <table> <tr> <td valign="top" align="left"> <a href='http://faq.wmlcloud.com/se/microsoft/14936.aspx' class="a4"> <li> OMA och OWA</li></a> </td> </tr> </table> </td> </tr><tr> <td> <table> <tr> <td valign="top" align="left"> <a href='http://faq.wmlcloud.com/se/software/35568.aspx' class="a4"> <li> Missa över mellan GLÅMIGA anslutningar för aktiv/för aktiv på en Cisco Router</li></a> </td> </tr> </table> </td> </tr><tr> <td> <table> <tr> <td valign="top" align="left"> <a href='http://faq.wmlcloud.com/se/microsoft/24020.aspx' class="a4"> <li> ASP.Net tappar skuggar verkställer</li></a> </td> </tr> </table> </td> </tr><tr> <td> <table> <tr> <td valign="top" align="left"> <a href='http://faq.wmlcloud.com/se/microsoft/29284.aspx' class="a4"> <li> Vad är ämna av ”den MAKEFILE” makroen i en makefile?</li></a> </td> </tr> </table> </td> </tr><tr> <td> <table> <tr> <td valign="top" align="left"> <a href='http://faq.wmlcloud.com/se/microsoft/17740.aspx' class="a4"> <li> Ett rengöringsdukundantag uppstod därför att en HTTP 401 - det obehöriga svaret mottogs från okända</li></a> </td> </tr> </table> </td> </tr><tr> <td> <table> <tr> <td valign="top" align="left"> <a href='http://faq.wmlcloud.com/se/microsoft/23004.aspx' class="a4"> <li> Funktionen måste använda en Updateable Query</li></a> </td> </tr> </table> </td> </tr><tr> <td> <table> <tr> <td valign="top" align="left"> <a href='http://faq.wmlcloud.com/se/microsoft/11460.aspx' class="a4"> <li> PHP passerar parametrar till den on-line aktiveringssidan</li></a> </td> </tr> </table> </td> </tr><tr> <td> <table> <tr> <td valign="top" align="left"> <a href='http://faq.wmlcloud.com/se/microsoft/32096.aspx' class="a4"> <li> Ethernetövergångskabel förbinder</li></a> </td> </tr> </table> </td> </tr><tr> <td> <table> <tr> <td valign="top" align="left"> <a href='http://faq.wmlcloud.com/se/software/37360.aspx' class="a4"> <li> döda ett processaa vid styrka, hur kan jag</li></a> </td> </tr> </table> </td> </tr> </table> </div></td> </tr> </table></td> </tr> </table> </div> </td></tr> </table> </form> </td> </tr> <tr> <td> </td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> </td> </tr> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td background="http://tutorial.wmlcloud.com/images/bg-mn.jpg" height="30px" style="padding:5px;color:#ffffff;font-size:12px; font-family:Tahoma, Geneva, sans-serif;text-decoration: none;" ></td> </tr> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://tutorial.wmlcloud.com/images/bo-l.png" alt="programming4us" width="8" height="9" /></td> <td bgcolor="#FFFFFF" width="100%"></td> <td><img src="http://tutorial.wmlcloud.com/images/bo-r.png" alt="programming4us" width="8" height="9" /></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> <tr><td height="2px"></td></tr> <tr><td> <div align="center"> </div> </td> </tr> <tr><td height="3px"></td></tr> <tr> <td height="2px"></td> </tr> <tr> <td align="left"> <table cellpadding="0" cellspacing="0" width="100%" align="left"> <tr> <td valign="top"> <div id="en"><a href='http://faq.wmlcloud.com/microsoft/25040.aspx'><img src='http://faq.wmlcloud.com/flags/en.gif'></a></div> </td> <td valign="top"> <div id="de"><a href='http://faq.wmlcloud.com/de/microsoft/25040.aspx'><img src='http://faq.wmlcloud.com/flags/de.gif'></a></div> </td> <td valign="top"> <div id="es"><a href='http://faq.wmlcloud.com/es/microsoft/25040.aspx'><img src='http://faq.wmlcloud.com/flags/es.gif'></a></div> </td> <td valign="top"> <div id="fr"><a href='http://faq.wmlcloud.com/fr/microsoft/25040.aspx'><img src='http://faq.wmlcloud.com/flags/fr.gif'></a></div> </td> <td valign="top"> <div id="nl"><a href='http://faq.wmlcloud.com/nl/microsoft/25040.aspx'><img src='http://faq.wmlcloud.com/flags/nl.gif'></a></div> </td> <td valign="top"> <div id="it"><a href='http://faq.wmlcloud.com/it/microsoft/25040.aspx'><img src='http://faq.wmlcloud.com/flags/it.gif'></a></div> </td> <td valign="top"> <div id="ru"><a href='http://faq.wmlcloud.com/ru/microsoft/25040.aspx'><img src='http://faq.wmlcloud.com/flags/ru.gif'></a></div> </td> <td valign="top"> <div id="se"><a href='http://faq.wmlcloud.com/se/microsoft/25040.aspx'><img src='http://faq.wmlcloud.com/flags/se.gif'></a></div> </td> <td valign="top"> <div id="pl"><a href='http://faq.wmlcloud.com/pl/microsoft/25040.aspx'><img src='http://faq.wmlcloud.com/flags/pl.gif'></a></div> </td> <td valign="top"> <div id="pt"><a href='http://faq.wmlcloud.com/pt/microsoft/25040.aspx'><img src='http://faq.wmlcloud.com/flags/pt.gif'></a></div> </td> <td valign="top"> </td> <td valign="top"> </td> </tr> </table> </td> </tr> <tr> <td height="2px"></td> </tr> </td></tr> </table> <script src="//cdn.intergient.com/ramp_core.js"></script> </body> </html>