Vraag : knevel zicht van in galleria.js

Ik cre�ër een beeldgalerij gebruikend Galleria. Voor elk beeld, is er een „I“ knoop bij de hoogste linkerzijde, die wanneer geklikt, een
bevattend tekst openbaart. Afd. blijft open tot de gebruiker overal binnen het klikt. In plaats daarvan, wil ik open afd. blijven tot „x“ in de hoek slechts wordt geklikt. Die manier, de gebruiker kan checkbox zonder het selecteren die elke keer verdwijnen.

Link: http://uat.govquestonline .com/galleria/demos/classic-02.html

I een verbinding, en codage voor zowel galleria.js als galleria.classic.js

Thanks vastgemaakt
" codeBody "
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:

    
        Manifestatie 02 van het Thema van Galleria de Klassieke
        <script src= " http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js " ></script>
        <script src= ". /src/galleria.js " ></script>
		
        <style>
            HTML, lichaam {achtergrond: #fff}
#galleria, #galleria2 {
	breedte: 700px;
	hoogte: 500px;
	marge: 20px auto; 
}
 a {
kleur: #aaa;
}

.controller a {
	kleur: #333;
	doopvont: arial, helvetica, zonder-serif;
	tekst-decoratie: niets;
	
}
        </style>


<! --LADING JAVASCRIPT VOOR TEVREDEN SWITCHER <DIV>-->
<script type= " tekst/javascript " >

functie hidestories () {
var divs=document.getElementById („galerijen“) .getElementsByTagName („afd.“);
voor (j=0; j<divs.length; j++) {
var aangaande = nieuwe RegExp („(^|\ \ s)“ + „galerij“ +“ (\ \ s|$) „);
als (rE.test (divs [j] .className)) {
divs [j] .style.display= " niets ";
}
}
}

functie verhalen (eerste) {
var thebuttons=document.getElementById („galleryControl“) .getElementsByTagName ('a');
voor (i=0; i<thebuttons.length; i++) {
thebuttons [I] .onclick=function () {
hidestories ();
var thestory= (this.href) .split („#“, 2) [1];
document.getElementById (thestory) .style.display= " blok ";
valse terugkeer;
}
}
als (eerste) {
var firstone=document.getElementById („galerijen“) .firstChild;
als (firstone.nodeType! = 1) {firstone = firstone.nextSibling;}
firstone.style.display= " blok ";
}
}
window.onload=function () {
hidestories (); 
verhalen (1);
}

</script>


    </head>
<body>
	<div id= " galerijen " >
    <div id= " galleria " class= " galerij " >
		<img src= ". /src/images/intro.gif " >
		<div class= " descript " >
		<p><input type= " checkbox " name= " box1 " value= " value1 " > Select</input></p></div>

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

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

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

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

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

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

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

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

		


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

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

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

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

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

<div id= " galleryControl " class= " controlemechanisme " >
<a href= " #galleria " >Introduction </a><br/>
<a href= " #galleria2 " >Blogging Grondbeginselen </a>

</div>





 <! --LADING GALLERIA -->
    <script>
    
    // het thema van de Lading
    Galleria.loadTheme („. /src/themes/classic/galleria.classic.js“);
    
    // looppasgalleria en voegt sommige opties toe
    $ („#galleria“) .galleria ({
        image_crop: vals,
		popup_links: waar,
        overgang: „verdwijn“ langzaam,
        data_config: functie (img) {
            terugkeer {
                beschrijving: $ (img) .next („afd.“) .html ()
            };
        }
    });

  $ („#galleria2“) .galleria ({
        image_crop: vals,
		popup_links: waar,
        overgang: „verdwijn“ langzaam,
        data_config: functie (img) {
            terugkeer {
                beschrijving: $ (img) .next („afd.“) .html ()
            };
        }
    });



    </script>
    </body>
</html>
</pre>
           </td>
         </tr>
       </table></div>
</div>
   
<div class= " qAttachmentsRow lastRow " >
    <div class= " naam " >Attachments: </div>
    <div class= " waarde " >
van <div class= " s snhF5FF expNoHeader questionAttachments " ><table class= " h " ><tr><td class= " l " ></td><td> </td><td class= " r " ></td></tr></table><div class= " bl " ><div class= " br " ><div class= " bbg " ><div class= " lege " ></div><div class= " BC " ><div class= " bijlage " >
          <div class= " fileInfo " ><a class= " filename " title= " Geen Virussen Ontdekte " href= " http://filedb.experts-exchange.com/incoming/2010/06_w26/319104/galleria.classic.js " target= " _blank " >galleria.classic.js</a> <span class= > (1 KB) </span><a class= " attachmentDetails " href= " javascript " fileSize ": leegte (0); „onclick= " clearAttachmentDetails (); nieuwe AsyncInclude („/shared/async/attachmentDetails.jsp? id=319104“, „attachmentDetailsContent“); showInfoBox (gebeurtenis, „attachmentDetails“); „> (de Details van het Type van Dossier) </a> </div>
          <div class= " beschrijving " >galleria.classic.js</div>
</div>
      </div><div class= " lege " ></div></div></div></div><table class= " F " ><tr><td class= " l " ></td><td> </td><td class= " r " ></td></tr></table>
      </div>
van <div class= " s snhF5FF expNoHeader questionAttachments " ><table class= " h " ><tr><td class= " l " ></td><td> </td><td class= " r " ></td></tr></table><div class= " bl " ><div class= " br " ><div class= " bbg " ><div class= " lege " ></div><div class= " BC " ><div class= " bijlage " >
          <div class= " fileInfo " ><a class= " filename " title= " Geen Virussen Ontdekte " href= " http://filedb.experts-exchange.com/incoming/2010/06_w26/319105/galleria.js " target= " _blank " >galleria.js</a> <span class= > (43 KB) </span><a class= " attachmentDetails " href= " javascript " fileSize ": leegte (0); „onclick= " clearAttachmentDetails (); nieuwe AsyncInclude („/shared/async/attachmentDetails.jsp? id=319105“, „attachmentDetailsContent“); showInfoBox (gebeurtenis, „attachmentDetails“); „> (de Details van het Type van Dossier) </a> </div>
          <div class= " beschrijving " >galleria.js</div>
</div>
      </div><div class= " lege " ></div></div></div></div><table class= " F " ><tr><td class= " l " ></td><td> </td><td class= " r " ></td></tr></table>
      </div>
</div>
  </div>
<div class= " ontruimt " ></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">Antwoord : knevel zicht van  in 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">
Mijn vriend berekende een oplossing. Vastgemaakt wordt de gewijzigde code die hij heeft gebruikt. Dank voor uw commentaren</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">Andere oplossingen</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/nl/microsoft/31408.aspx' class="a4">
<li> Somebody verzendt emialsvorm mijn hotmailrekening</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/nl/microsoft/20548.aspx' class="a4">
<li> een programma probeert om het volgende e-mailbericht uit uw naam te verzenden - de Levende post van Vensters</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/nl/software/39960.aspx' class="a4">
<li> Kleine Statische IP Bedrijfs van de Server 2008 verandering</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/nl/microsoft/14628.aspx' class="a4">
<li> sharepoint stichting 2010 op met 32 bits?</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/nl/software/34048.aspx' class="a4">
<li> Word 2003 die - met lijsten, rijen, en cellen werken</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/nl/microsoft/23188.aspx' class="a4">
<li> Navigeer aan de pagina van een specifiek punt op een gridview</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/nl/microsoft/28140.aspx' class="a4">
<li> Hyperlink die het diagram/de Tekening activeren</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/nl/microsoft/17284.aspx' class="a4">
<li> Apple iWeb - hoe te om HTML aan Schijf de website via FTP te publiceren te bewaren of?</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/nl/microsoft/22232.aspx' class="a4">
<li> sql - datumformaat</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/nl/microsoft/11356.aspx' class="a4">
<li> Het van een lus voorzien over de tellers van googlekaarten v3</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>