Group Example
This Example shows the Group Feature / Gallery Feature, with this you can defined a group and simple Browse between this groups.
You can also used the Left-Arrow and Right-Arrow Keys for this when winDiv is open.
Its also possible to combine this with the other Features like scaling and noclose button, the name can be free chosen.
At the moment this only support Images, but when you want this for other Files to, please send me a short Email.
The Pictures are from Elsch you can see the Images in a better Resolution under http://reifanhp.de/special/fan-art/elsch/
Please wait until the Page is loaded complete.
Images:
Group 1
Group 2
Other Files like Text, HTML and URLs :
Simple Text File
Simple HTML File
URL 1 - Rei Ayanami Fan HP
URL 2 - Anime Archive
Group 1
Group 2
Other Files like Text, HTML and URLs :
Simple Text File Simple HTML File URL 1 - Rei Ayanami Fan HP URL 2 - Anime Archive Test W3C Validation:
HTML Code
<script type="text/javascript" src="byrei_windiv-0.8.js"></script>
...
<i> Images: </i><br>
<a href="elsch-001.jpg" class="winDiv" rel="group1"><img src="elsch-001.jpg" width="99" height="130" alt="" style="border: 0;"></a>
<a href="elsch-002.jpg" class="winDiv" rel="group1"><img src="elsch-002.jpg" width="99" height="130" alt="" style="border: 0;"></a>
<a href="elsch-003.jpg" class="winDiv" rel="group1"><img src="elsch-003.jpg" width="130" height="99" alt="" style="border: 0;"></a><br>
<a href="elsch-004.jpg" class="winDiv" rel="group1"><img src="elsch-004.jpg" width="130" height="109" alt="" style="border: 0;"></a>
<a href="elsch-005.jpg" class="winDiv" rel="group1"><img src="elsch-005.jpg" width="99" height="130" alt="" style="border: 0;"></a>
<a href="elsch-006.jpg" class="winDiv" rel="group1"><img src="elsch-006.jpg" width="81" height="130" alt="" style="border: 0;"></a><br>
...
<a href="elsch-007.jpg" class="winDiv" rel="group2"><img src="elsch-007.jpg" width="103" height="130" alt="" style="border: 0;"></a>
<a href="elsch-008.jpg" class="winDiv" rel="group2"><img src="elsch-008.jpg" width="100" height="130" alt="" style="border: 0;"></a>
<a href="elsch-018.jpg" class="winDiv" rel="group2"><img src="elsch-018.jpg" width="99" height="130" alt="" style="border: 0;"></a><br>
...
<i> Other Files like Text, HTML and URLs : </i><br>
<a href="test.txt" class="winDiv" rel="group3"> Simple Text File </a><br>
<a href="test.html" class="winDiv" rel="group3"> Simple HTML File </a><br>
<a href="http://reifanhp.de/index.htm" class="winDiv" rel="group3"> URL 1 - Rei Ayanami Fan HP </a><br>
<a href="http://animearchive.de/index.htm" class="winDiv" rel="group3"> URL 2 - Anime Archive </a><br>
...