tachschön
kann ich in einem div die inhalte (bild und bildunterschrift) bei click auf einen button wechseln, ohne dass dabei jedesmal die ganze seite neu geladen wird? bisher hatte ich das als liste angelegt, das ist aber nur provisorisch, bis ich hier hoffentlich zu einer eleganteren lösung komme.
HTML-Code:
<div id="bildbox">
<img src="bild_soft1.jpg" width="185" height="139" alt="" border="0" />
<div id="thumb">
<ul>
<li><a href="1.html">1</a></li>
<li><a href="2.html">2</a></li>
<li><a href="3.html">3</a></li>
<li><a href="4.html">4</a></li>
<li><a href="5.html">5</a></li>
</ul>
</div><!-- end thumb-->
Rednerverwaltung in Echtzeit - präsentationsbereit in Sekunden
</div><!-- end bildbox-->
das css für die buttons rechts sieht bisher so aus:
HTML-Code:
/* -----------------thumbs--------------------- */
#thumb ul
{
margin-left: 197px;
margin-top: -142px;
padding: 0;
list-style-type: none;
width: 3px;
}
#thumb li { margin: 0 0 1.0em 0; }
#thumb a
{
color: #ffffff;
font-family: "Trebuchet MS", Myriad, Arial, Verdana, sans-serif;
font-weight: bold;
font-size: 8px;
line-height: 3px;
background-color: #dadada;
display: block;
float: left;
position: absolute;
padding: 0.5em 0.5em 0.5em 0.5em;
width: 6px;
height: 3px;
border-style: solid;
border-width: 3px 3px 3px 3px;
border-color: #dadada;
}
#thumb a:hover
{
border-color: #993300;
}
und das für die box, in der die inhalte getauscht werden sollen:
HTML-Code:
/* -----------------bildbox--------------------- */
#bildbox
{
margin-top: 0px;
margin-left: 3px;
margin-bottom: 3px;
padding: 0.8em 0.8em 0.8em 0.8em;
border: 1px solid #cacaca;
width: 220px;
background-color: white;
}
zur verdeutlichung noch ein screenshot.
vielen dank schon im voraus
gekko