Hallo alle miteinander. Ich bin neu in diesem Forum und hätte eine Frage:
Ich habe eine Freeware Bildergallerie für meine Homepage heruntergeladen. Der code für die Hauptseite der Gallerie latet so:
Jedesmal wenn ich ein neues Bild hinzufügen möchte, müsste ich logischerweise den code ergänzen. Bei mehreren hundert Bilder wäre die Seite aber irgendwann zu voll. Daher würde ich die Bilder gerne automatisch auf mehrere Seiten aufteilen. Ausserdem möchte ich, dass die Bilder automatisch eingefügt werden, damit ich nicht immer selber ergänzen muss.
Mit einer Schleife müsste das ja theoretisch irgendwie klappen. Da ich aber noch ein Anfänger bin, fehlt mir leider das nötige Wissen.
Ich hoffe ich konnte mein Anliegen verständlich formulieren. Kann mir da jemand helfen?
Ich habe eine Freeware Bildergallerie für meine Homepage heruntergeladen. Der code für die Hauptseite der Gallerie latet so:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Highslide JS - Custom Example</title>
<script type="text/javascript" src="highslide/highslide-with-gallery.js"></script>
<script type="text/javascript" src="highslide/highslide.config.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="highslide/highslide.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="highslide/highslide-ie6.css" />
<![endif]-->
</head>
<body>
<h3>Gallery</h3>
<div class="highslide-gallery">
<ul>
<li>
<a href="highslide/images/large/another_concept_by_madspartan013-d2yc80x.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/another_concept_by_madspartan013-d2yc80x.jpg" alt=""
title="Heading from the thumbnail's title attribute" />
</a>
</li>
<li>
<a href="highslide/images/large/armor_1_color_by_madspartan013-d3l15li.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/armor_1_color_by_madspartan013-d3l15li.jpg" alt=""
title="Heading from the thumbnail's title attribute" />
</a>
</li>
<li>
<a href="highslide/images/large/candied_rust__by_kassandraleigh-d5k8xwp.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/candied_rust__by_kassandraleigh-d5k8xwp.jpg" alt=""
title="Heading from the thumbnail's title attribute" />
</a>
</li>
<li>
<a href="highslide/images/large/character_concept_3_by_madspartan013-d3hbpd3.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/character_concept_3_by_madspartan013-d3hbpd3.jpg" alt=""
title="Heading from the thumbnail's title attribute" />
</a>
</li>
<li>
<a href="highslide/images/large/character_concept_5_by_madspartan013-d3je9fa.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/character_concept_5_by_madspartan013-d3je9fa.jpg" alt=""
title="Heading from the thumbnail's title attribute" />
</a>
</li>
<li>
<a href="highslide/images/large/ciquala_by_elias_chatzoudis-d5k6knc.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/ciquala_by_elias_chatzoudis-d5k6knc.jpg" alt=""
title="Heading from the thumbnail's title attribute" />
</a>
</li>
<li>
<a href="highslide/images/large/commission__will_by_joceydraws-d5h426j.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/commission__will_by_joceydraws-d5h426j.jpg" alt=""
title="Heading from the thumbnail's title attribute" />
</a>
</li>
<li>
<a href="highslide/images/large/gerda_by_madspartan013-d39fc2t.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/gerda_by_madspartan013-d39fc2t.jpg" alt=""
title="Heading from the thumbnail's title attribute" />
</a>
</li>
<li>
<a href="highslide/images/large/Phoenix_Mage_2_by_madspartan013.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/Phoenix_Mage_2_by_madspartan013.jpg" alt=""
title="Heading from the thumbnail's title attribute" />
</a>
</li>
<li>
<a href="highslide/images/large/samurai_mulan_redux_by_skirtzzz-d5k925o.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/samurai_mulan_redux_by_skirtzzz-d5k925o.jpg" alt=""
title="Heading from the thumbnail's title attribute" />
</a>
</li>
<li>
<a href="highslide/images/large/sketch_commissh___kross_by_mizaeltengu-d5k674y.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/sketch_commissh___kross_by_mizaeltengu-d5k674y.jpg" alt=""
title="Heading from the thumbnail's title attribute" />
</a>
</li>
<li>
<a href="highslide/images/large/that__s_sooo_asian____by_madspartan013.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/that__s_sooo_asian____by_madspartan013.jpg" alt=""
title="Heading from the thumbnail's title attribute" />
</a>
</li>
<li>
<a href="highslide/images/large/The_Archangel_by_wickedAlucard.png" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/The_Archangel_by_wickedAlucard.png" alt=""
title="Heading from the thumbnail's title attribute" />
</a>
</li>
</ul>
<div style="clear:both"></div></div>
</body>
</html>
Mit einer Schleife müsste das ja theoretisch irgendwie klappen. Da ich aber noch ein Anfänger bin, fehlt mir leider das nötige Wissen.
Ich hoffe ich konnte mein Anliegen verständlich formulieren. Kann mir da jemand helfen?
Kommentar