Вопрос : шарнирнорычажная видимость в galleria.js

Я создаю штольн изображения using Galleria. На каждом изображении, «я» застегивают на верхнее левом, которое после того как я щелкано, показывает
содержа текст. Пребывания div не раскрыть до щелчков потребителя везде внутри его. Вместо, я хочу div остаться открытым до тех пор пока «x» в угле не щелкнуть только. Та дорога, потребитель может выбрать checkbox без ее исчезая each time.

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

I http://uat.govquestonline прикрепило соединение, и кодирвоание как для galleria.js, так и для galleria.classic.js

Thanks
class= " ясное " >
> " codeSnippet " class=
class= " lineNumbers "
class=
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:
>< " class= " id= " codeSnippet741713
 DOCTYPE
lang= " sv " 
    
        Демонстрация 02 темы Galleria классицистическая
        src= " http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js " ></script> <script
        src= <script ". /src/galleria.js " ></script>
		
        <style>
            HTML, тело {предпосылка: #fff}
#galleria, #galleria2 {
	ширина: 700px;
	высота: 500px;
	допустимый предел: автомобиль 20px; 
}
 a {
цвет: #aaa;
}

.controller a {
	цвет: #333;
	купель: arial, helvetica, Sans Serif;
	текст-украшение: никакие;
	
}
        </style>


<! --ЯВАСКРИПТ НАГРУЗКИ ДЛЯ SWITCHER СОДЕРЖАНИЯ <DIV>-->
type= " текст/яваскрипт " <script >

hidestories функции () {
var divs=document.getElementById («штольни ").getElementsByTagName («div ");
для (j=0; j<divs.length; j++) {
var rE = новое RegExp («(^|\ \ s)» + «штольн» +» (\ \ s|$) ");
если (rE.test, то (divs [j] .className)) {
divs [j] .style.display= " никакие ";
}
}
}

рассказы функции (первое) {
var thebuttons=document.getElementById («galleryControl ").getElementsByTagName («a ");
для (i=0; i<thebuttons.length; i++) {
thebuttons [I] .onclick=function () {
hidestories ();
thestory= var (this.href) .split («#», 2) [1];
document.getElementById (thestory) .style.display= " блок ";
возвращенное ложное;
}
}
если (первое) {, то
var firstone=document.getElementById («штольни ").firstChild;
если (firstone.nodeType! = 1) {firstone = firstone.nextSibling;}
firstone.style.display= " блок ";
}
}
window.onload=function () {
hidestories (); 
рассказы (1);
}

</script>


    </head>
<body>
	id= " штольни " <div >
    class= " штольн " " galleria " id= <div >
		src= <img ". /src/images/intro.gif " >
		class= " descript " <div >
		value= " value1 " " name= " box1 " " checkbox type= <p><input > Select</input></p></div>

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

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

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

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

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

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

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

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

		


</div>
	<! --штольн 2-->
    class= " штольн " id= " galleria2 " <div >	
		src= <img ". /src/images/b-basics.gif " >	
		src= <img ". /src/images/cpIntro-1.gif " >
        value= " value4 " " name= " box4 " " checkbox type= ><input " descript " class= <div > Select</input><p></p></div>

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

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

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

		src= <img ". /src/images/cpIntro-5.gif " >
        value= " value4 " " name= " box4 " " checkbox type= ><input " descript " class= <div > Select</input><p></p></div>
</div>
</div><! --ШТОЛЬНИ концов-->

class= " регулятор " " galleryControl " id= <div >
>Introduction </a><br/> " #galleria " href= <a
основы </a> href= " #galleria2 " <a >Blogging

</div>





 <! --GALLERIA НАГРУЗКИ -->
    <script>
    
    Тема нагрузки //
    Galleria.loadTheme («. /src/themes/classic/galleria.classic.js ");
    
    // бежит galleria и добавляет некоторые варианты
    $("#galleria ").galleria ({
        image_crop: ложно,
		popup_links: поистине,
        переход: «увядайте»,
        data_config: функция (img) {
            возвратите {
                описание: $ (img) .next («div ").html ()
            };
        }
    });

  $("#galleria2») .galleria ({
        image_crop: ложно,
		popup_links: поистине,
        переход: «увядайте»,
        data_config: функция (img) {
            возвратите {
                описание: $ (img) .next («div ").html ()
            };
        }
    });



    </script>
    </body>
</html>
</pre>
           </td>
         </tr>
       </table></div>
</div>
   
class= " lastRow <div qAttachmentsRow " >
    >Attachments " имени " class= <div: </div>
    class= " значение " <div >
><div " " bbg class= " ><div " br " class= ><div class= " bl " ></td></tr></table><div class= " r " ></td><td> </td><td class= " h " questionAttachments " expNoHeader s snhF5FF ><table " l class= ><tr><td class= <div " class= " опорожняет " class= " bc " class= " приложение " ></div><div ><div >
          filename " class= ><a " " fileInfo " class= <div title= " никакое обнаруженное вирусами _blank " " target= " http://filedb.experts-exchange.com/incoming/2010/06_w26/319104/galleria.classic.js " " href= class= >galleria.classic.js</a> <span " fileSize " > (1 KB) яваскрипт " href= " " attachmentDetails class= </span><a: свободное пространство (0); clearAttachmentDetails «onclick= " (); новое AsyncInclude («/shared/async/attachmentDetails.jsp? id=319104», «attachmentDetailsContent "); showInfoBox (случай, «attachmentDetails "); «> (тип архива детали) </a> </div>
          class= " описание " >galleria.classic.js</div> <div
</div>
      class= </div><div " опорожняет " class= " l " class= " r " ></td></tr></table> ><tr><td class= " f " ></div></div></div></div><table ></td><td> </td><td
      </div>
><div " " bbg class= " ><div " br " class= ><div class= " bl " ></td></tr></table><div class= " r " ></td><td> </td><td class= " h " questionAttachments " expNoHeader s snhF5FF ><table " l class= ><tr><td class= <div " class= " опорожняет " class= " bc " class= " приложение " ></div><div ><div >
          filename " class= ><a " " fileInfo " class= <div title= " никакое обнаруженное вирусами _blank " " target= " http://filedb.experts-exchange.com/incoming/2010/06_w26/319105/galleria.js " " href= class= >galleria.js</a> <span " fileSize " > (43 KB) яваскрипт " href= " " attachmentDetails class= </span><a: свободное пространство (0); clearAttachmentDetails «onclick= " (); новое AsyncInclude («/shared/async/attachmentDetails.jsp? id=319105», «attachmentDetailsContent "); showInfoBox (случай, «attachmentDetails "); «> (тип архива детали) </a> </div>
          class= " описание " >galleria.js</div> <div
</div>
      class= </div><div " опорожняет " class= " l " class= " r " ></td></tr></table> ><tr><td class= " f " ></div></div></div></div><table ></td><td> </td><td
      </div>
</div>
  </div>
class= <div " ясное " ></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">Ответ : шарнирнорычажная видимость  в 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">
Мой друг вычислял вне разрешение. Прикреплено доработанное Кодий, котор он использовал. Спасибо для ваших комментариев</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">Другие решения</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/ru/microsoft/10968.aspx' class="a4">
<li> Как я добавляю кнопки на форме PDF для того чтобы добавить/извлекаю рядки данных?</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/ru/software/36592.aspx' class="a4">
<li> Шнур ошибки в блоке задвижки?</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/ru/microsoft/3168.aspx' class="a4">
<li> сколько вариант сервера SQL на одной машине</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/ru/microsoft/28792.aspx' class="a4">
<li> Внешний вид 2007 не может архивный файл открытой сети сохраненный</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/ru/microsoft/14452.aspx' class="a4">
<li> Активно директория DNS записывает вопрос</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/ru/microsoft/20992.aspx' class="a4">
<li> Отчет о доступа 2010 экспорта к CSV с коллекторами?</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/ru/microsoft/6652.aspx' class="a4">
<li> Прокладчик OCE 9400 не начинает</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/ru/microsoft/32276.aspx' class="a4">
<li> как добавить десятичное место в формуле в отчете о кристалла seagate</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/ru/software/38816.aspx' class="a4">
<li> Windows XP и Мичрософт Оутлоок и проблемы установителя Windows</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/ru/microsoft/24476.aspx' class="a4">
<li> VB6 к VS2010 - консультации тренировки?</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>