Question : visibilité à bascule de dans galleria.js

Je crée une galerie d'image using le Galleria. Sur chaque image, il y a « je » se boutonnent au gauche supérieur, qui une fois cliqué, indique un
contenant le texte. Les séjours de division s'ouvrent jusqu'aux clics d'utilisateur n'importe où à l'intérieur de lui. Au lieu de cela, je veux que la division reste ouverte jusqu'à ce que le « x » dans le coin soit cliqué seulement. De cette façon, l'utilisateur peut choisir le checkbox sans elle disparaissant chaque fois.

Link : le href= " http://uat.govquestonline.com/galleria/demos/classic-02.html " de » _blank » de target= de " nofollow » de noindex de rel= de le .com/galleria/demos/classic-02.html

I de http://uat.govquestonline ont attaché un lien, et le codage pour galleria.js et galleria.classic.js

Thanks
class= > " clair " de
> de " codeSnippet " de class= de
class= " lineNumbers " de
class= de
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 :
>< " de l'id= " codeSnippet741713 de
 de DOCTYPE
lang= " SV " de 
    
        Démo classique 02 de thème de Galleria
        src= " http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js " ></script> de <script
        src= de <script ". /src/galleria.js " ></script>
		
        <style>
            HTML, corps {fond : #fff}
#galleria, #galleria2 {
	largeur : 700px ;
	taille : 500px ;
	marge : automobile 20px ; 
}
 a {
couleur : #aaa ;
}

.controller a {
	couleur : #333 ;
	police : arial, helvetica, caractère sans obit et sans empattement ;
	texte-décoration : aucun ;
	
}
        </style>


< ! --JAVASCRIPT DE CHARGE POUR LE CHANGEUR DE CONTENU DE <DIV>-->
type= de <script " texte/Javascript " >

hidestories de fonction () {
variété divs=document.getElementById (« galeries ").getElementsByTagName (« division ") ;
pour (j=0 ; j<divs.length ; j++) {
variété au sujet de = nouveau RegExp (« (^|\ \ s) » + « galerie » + » (\ \ s|$) ") ;
si (rE.test (divs [j] .className)) {
divs [j] .style.display= " aucun " ;
}
}
}

histoires de fonction (première) {
variété thebuttons=document.getElementById (« galleryControl ").getElementsByTagName (« a ") ;
pour (i=0 ; i<thebuttons.length ; i++) {
thebuttons [I] .onclick=function () {
hidestories () ;
thestory= de variété (this.href) .split (« # », 2) [1] ;
document.getElementById .style.display= (thestory) " bloc " ;
faux de retour ;
}
}
si (premier) {
variété firstone=document.getElementById (« galeries ").firstChild ;
si (firstone.nodeType ! = 1) {firstone = firstone.nextSibling ;}
firstone.style.display= " bloc " ;
}
}
window.onload=function () {
hidestories () ; 
histoires (1) ;
}

</script>


    </head>
<body>
	id= " galeries " de <div >
    class= " galerie " de " galleria " d'id= de <div >
		src= de <img ". /src/images/intro.gif " >
		class= " descript " de <div >
		value= " valeur 1 " du name= " box1 " de " checkbox " de type= de <p><input > Select</input></p></div>

		src= de <img ". /src/images/cpHome-1.png " >
        class= " descript " de <div >
		value= " valeur 1 " du name= " box1 " de " checkbox " de type= de <p><input > Select</input></p></div>

        src= de <img ". /src/images/cpHome-2.gif " >
        value= " valeur 1 " du name= " box1 " de " checkbox " de type= de ><input de " descript " de class= de <div > Select</input><p></p></div>

 		 src= de <img ". /src/images/cpHome-3.gif " >
        value= " valeur 2 " du name= " box2 " de " checkbox " de type= de ><input de " descript " de class= de <div > Select</input><p></p></div>

		  src= de <img ". /src/images/cpHome-4.gif " >
        value= " value3 " du name= " box3 " de " checkbox " de type= de ><input de " descript " de class= de <div > Select</input><p></p></div>

		  src= de <img ". /src/images/cpHome-5.gif " >
        value= " value4 " du name= " box4 " de " checkbox " de type= de ><input de " descript " de class= de <div > Select</input><p></p></div>

		src= de <img ". /src/images/cpHome-6.gif " >
        value= " value4 " du name= " box4 " de " checkbox " de type= de ><input de " descript " de class= de <div > Select</input><p></p></div>

		src= de <img ". /src/images/cpHome-7.gif " >
        value= " value4 " du name= " box4 " de " checkbox " de type= de ><input de " descript " de class= de <div > Select</input><p></p></div>

		src= de <img ". /src/images/cpHome-8.gif " >
        value= " value4 " du name= " box4 " de " checkbox " de type= de ><input de " descript " de class= de <div > Select</input><p></p></div>

		


</div>
	< ! --galerie 2-->
    class= " galerie " de l'id= " galleria2 " de <div >	
		src= de <img ". /src/images/b-basics.gif " >	
		src= de <img ". /src/images/cpIntro-1.gif " >
        value= " value4 " du name= " box4 " de " checkbox " de type= de ><input de " descript " de class= de <div > Select</input><p></p></div>

		src= de <img ". /src/images/cpIntro-2.gif " >
        value= " value4 " du name= " box4 " de " checkbox " de type= de ><input de " descript " de class= de <div > Select</input><p></p></div>

		src= de <img ". /src/images/cpIntro-3.gif " >
        value= " value4 " du name= " box4 " de " checkbox " de type= de ><input de " descript " de class= de <div > Select</input><p></p></div>

		src= de <img ". /src/images/cpIntro-4.gif " >
        value= " value4 " du name= " box4 " de " checkbox " de type= de ><input de " descript " de class= de <div > Select</input><p></p></div>

		src= de <img ". /src/images/cpIntro-5.gif " >
        value= " value4 " du name= " box4 " de " checkbox " de type= de ><input de " descript " de class= de <div > Select</input><p></p></div>
</div>
</div>< ! --GALERIES d'extrémités-->

class= " contrôleur " de " galleryControl " d'id= de <div >
>Introduction </a><br/> de " #galleria " de href= de <a
fondations >Blogging </a> du href= " #galleria2 " de <a

</div>





 < ! --GALLERIA DE CHARGE -->
    <script>
    
    Thème de charge de //
    Galleria.loadTheme (« . /src/themes/classic/galleria.classic.js ") ;
    
    // courent le galleria et ajoutent quelques options
    $("#galleria ").galleria ({
        image_crop : faux,
		popup_links : vrai,
        transition : « se faner »,
        data_config : fonction (IMG) {
            retourner {
                description : $ (IMG) .next (« division ").html ()
            } ;
        }
    }) ;

  $("#galleria2 ») .galleria ({
        image_crop : faux,
		popup_links : vrai,
        transition : « se faner »,
        data_config : fonction (IMG) {
            retourner {
                description : $ (IMG) .next (« division ").html ()
            } ;
        }
    }) ;



    </script>
    </body>
</html>
</pre>
           </td>
         </tr>
       </table></div>
</div>
   
class= " lastRow de <div de qAttachmentsRow " >
    >Attachments de " nom " de class= de <div : </div>
    class= " valeur " de <div >
><table de ><div " de " bbg de class= " de ><div de " Br " de class= de ><div du class= " bl " de ></td></tr></table><div du class= " r " de ></td><td> </td><td du class= " h " " de questionAttachments " d'expNoHeader de s snhF5FF " l " class= ><tr><td class= <div class= vident " le class= " avant Jésus Christ " class= " attachement " de ></div><div de ><div >
          nom de fichier " de class= de ><a le " de " fileInfo " de class= de <div title= " aucun " _blank " détecté par virus de target= de " http://filedb.experts-exchange.com/incoming/2010/06_w26/319104/galleria.classic.js " de href= " class= <span de >galleria.classic.js</a> " fileSize " > (1 KB) Javascript de href= le " de " attachmentDetails de class= " de </span><a : vide (0) ; clearAttachmentDetails de « onclick= " () ; nouvel AsyncInclude (« /shared/async/attachmentDetails.jsp ? id=319104 », « attachmentDetailsContent ") ; showInfoBox (événement, « attachmentDetails ") ; « > (type de dossier détails) </a> </div>
          class= " description " >galleria.classic.js</div> de <div
</div>
      le class= de </div><div " vident " le class= " l " le class= " r " ></td></tr></table> de ><tr><td du class= " f " de ></div></div></div></div><table de ></td><td> </td><td
      </div>
><table de ><div " de " bbg de class= " de ><div de " Br " de class= de ><div du class= " bl " de ></td></tr></table><div du class= " r " de ></td><td> </td><td du class= " h " " de questionAttachments " d'expNoHeader de s snhF5FF " l " class= ><tr><td class= <div class= vident " le class= " avant Jésus Christ " class= " attachement " de ></div><div de ><div >
          nom de fichier " de class= de ><a le " de " fileInfo " de class= de <div title= " aucun " _blank " détecté par virus de target= de " http://filedb.experts-exchange.com/incoming/2010/06_w26/319105/galleria.js " de href= " class= <span de >galleria.js</a> " fileSize " > (43 KBs) Javascript de href= le " de " attachmentDetails de class= " de </span><a : vide (0) ; clearAttachmentDetails de « onclick= " () ; nouvel AsyncInclude (« /shared/async/attachmentDetails.jsp ? id=319105 », « attachmentDetailsContent ") ; showInfoBox (événement, « attachmentDetails ") ; « > (type de dossier détails) </a> </div>
          class= " description " >galleria.js</div> de <div
</div>
      le class= de </div><div " vident " le class= " l " le class= " r " ></td></tr></table> de ><tr><td du class= " f " de ></div></div></div></div><table de ></td><td> </td><td
      </div>
</div>
  </div>
class= de <div " clair " ></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">Réponse : visibilité à bascule de  dans 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">
Mon ami a figuré dehors une solution. Joint est le code modifié qu'il a employé. Merci pour vos commentaires</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">Autres solutions</span></td>
                                    <td background="http://wmlcloud.com/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/fr/microsoft/13056.aspx' class="a4">
<li> MS Excel 2007 et pdf - l'exportation vers le pdf prend de longues heures !</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/fr/software/38680.aspx' class="a4">
<li> Dans le Perl, comment j'ajoute une valeur à la liste, puis le contrôle pour voir si la valeur existent avant d'ajouter une nouvelle valeur</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/fr/microsoft/5260.aspx' class="a4">
<li> Comment fais j'initialiser de la HP BL460c G6 de san et de la HP XP 240000</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/fr/microsoft/30880.aspx' class="a4">
<li> Comment fais j'employer une clef de permis de volume sur un ordinateur de HP avec du CD de restauration</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/fr/microsoft/16544.aspx' class="a4">
<li> Emplacement primaire de deux SCCM dans l'annuaire actif</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/fr/microsoft/23080.aspx' class="a4">
<li> L'initiateur et la HP D2D de l'iSCSI R2 du serveur 2008 de Windows GERCENT l'issue</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/fr/microsoft/8744.aspx' class="a4">
<li> Stocker le dossier dans le mysql using connector.net et le champ de goutte</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/fr/microsoft/15280.aspx' class="a4">
<li> Carte vidéo d'USB - bit 32 sur le matériel travaillant au niveau du bit 64 ?</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/fr/software/33104.aspx' class="a4">
<li> asp.net que j'essaye de convertir une forme de HTML en forme d'aspx ou ? ce qui jamais. Aide du besoin sur la façon dont à à elle.</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/fr/microsoft/18764.aspx' class="a4">
<li> Winzip 12 issues de secours du travail ?</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>