Hallo, ich bin Anfänger in Sachen Webdesign und erarbeite mir gerade eine Website. Ich habe mit jQuery die Lightbox laufen (funktioniert auch soweit). Nun möchte ich aber mehrere Galerien einsetzen und das funktioniert nicht so einfach (wie ich mir das vorstelle).
Kann mir jemand etwas dazu sagen ?
Danke für Tipps, Gruß Mint
(Auszug aus dem html Code)
Kann mir jemand etwas dazu sagen ?
Danke für Tipps, Gruß Mint
(Auszug aus dem html Code)
HTML:
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.lightbox-0.5.css" media="screen" />
<!-- jQuery lightBox plugin -->
<!-- jQuery lightBox plugin -->
<script type="text/javascript">
$(function() {
$('#gallery a').lightBox();
});
</script>
<style type="text/css">
/* jQuery lightBox plugin - Gallery style */
#gallery {
background-color:#fff*;
padding: 1*0px;
width: 520px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: block; padding-left: 28px;}
#gallery ul img {
border: 2px solid #CCC;
border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
border: 5px solid #;
border-width: 5px 5px 20px;
color: #F90;
}
#gallery ul a:hover { color: #F90; }
</style>
HTML:
<div id="gallery">
<ul>
<li>
<a href="imagesL/pic1.jpg" title="Danksagung zur Hochzeit"><img src="imagesL/gallerie1.jpg" width="150" height="75" alt="Galerie Button"/> </a> </li>
<li>
<a href="imagesL/pic1b.jpg" title="Danksagung zur Hochzeit"> </a></li>
<li>
<a href="imagesL/pic2.jpg" title="Danksagung zur Hochzeit"> </a></li>
<li>
<a href="imagesL/pic2b.jpg" title="Danksagung zur Hochzeit"></a> </li>
</div>
</ul>
Zuletzt bearbeitet von einem Moderator: