I want to create a website with several galleries. In the image title there should be a link (weiterlesen = read more) that makes some additional text pop up.
I have three problems/questions:
1. When going through the pictures all titles show up, but when coming back to the first picture the title is missing.
2. I made a general format for the galleries, so they all have the controls in the same place. I don┬┤t want the controlls to show up on the additional text though.
3. Is it also possible to have the additional Text in a seperate html file?
This is the site:
http://www.architekt-hamburg.net/projekte/projekte.htm
Code: Select all
<div id="mainContent">
<div id="kachel">
<div class="highslide-gallery">
<a id="thumb1" href="highslide/images/p88/01.jpg" class="highslide"
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/p88/thumb.jpg" alt=""
title="B├╝rohaus P88" /> </a>
<span id="p88" class="highslide-heading">B├╝rohaus P88<a href="#" onclick="return hs.htmlExpand(this)">
weiterlesen
</a></span>
<div class="highslide-maincontent">
<h3>B├╝rohaus P88</h3>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aliquam dapibus leo quis nisl. In lectus. Vivamus consectetuer pede in nisl.
Mauris cursus pretium mauris. Suspendisse condimentum mi ac tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames
ac turpis egestas. Donec sed enim. Ut vel ipsum. Cras consequat velit et justo.
Donec mollis, mi at tincidunt vehicula, nisl mi luctus risus,
quis scelerisque arcu nibh ac nisi. Sed risus. Curabitur urna.
Aliquam vitae nisl. Quisque imperdiet semper justo. Pellentesque nonummy pretium tellus.
</div>
<div class="hidden-container">
<a href="highslide/images/p88/02.jpg" class="highslide"
onclick="return hs.expand(this, config1 )"></a>
<span id="p88" class="highslide-heading">B├╝rohaus P88 <a href="#" onclick="return hs.htmlExpand(this)">
weiterlesen</a></span>
<a href="highslide/images/p88/03.jpg" class="highslide"
onclick="return hs.expand(this, config1 )"></a>
<span id="p88" class="highslide-heading">B├╝rohaus P88 <a href="#" onclick="return hs.htmlExpand(this)">
weiterlesen</a></span>
</div></div>
<strong>B├╝rohaus P88</strong> | Berlin</div>
<div id="kachel">
<div class="highslide-gallery">
<a id="thumb2" href="highslide/images/nat/01.jpg" class="highslide"
onclick="return hs.expand(this, config2 )">
<img src="highslide/images/nat/thumb.jpg" alt=""
title="nat. fine bio food" /> </a>
<span id="nat" class="highslide-heading">nat. fine bio food<a href="#" onclick="return hs.htmlExpand(this)">
weiterlesen</a></span>
<div class="highslide-maincontent">
<h3>nat. fine bio food</h3>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aliquam dapibus leo quis nisl. In lectus. Vivamus consectetuer pede in nisl.
Mauris cursus pretium mauris. Suspendisse condimentum mi ac tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames
ac turpis egestas. Donec sed enim. Ut vel ipsum. Cras consequat velit et justo.
Donec mollis, mi at tincidunt vehicula, nisl mi luctus risus,
quis scelerisque arcu nibh ac nisi. Sed risus. Curabitur urna.
Aliquam vitae nisl. Quisque imperdiet semper justo. Pellentesque nonummy pretium tellus.
</div>
<div class="hidden-container">
<a href="highslide/images/nat/02.jpg" class="highslide"
onclick="return hs.expand(this, config2 )"></a>
<span id="nat" class="highslide-heading">nat. fine bio food <a href="#" onclick="return hs.htmlExpand(this)">
weiterlesen</a></span>
</div></div>
<strong>nat. fine bio food</strong> | Hamburg</div>
Christoph