Hallo,
ich habe folgendes problem !
Das ist mein slider :
Der schaltet nach wenigen sekunden um auf die schrift darunter !
dann erscheint wie oben abgebildet ein pfeil nur neben der 2 Schrift oben verschwindet dann auch der detailsbutton und das bild was oben mit einem weißen kasten abgebildet ist , tauchen auf dem bild darunter auf und verschwinden oben.
Doch da sind wir schon beim Problem das ganze klappt nicht
Beim ersten Bild habe ich es noch hinbekommen doch beim 2 Bleib ich stecken.
Das ist der abteil für den slider in der style.css:
/* slider */
#faded {width:849px;height:350px;margin:0px 0;background:url(images/slider-bg.png) no-repeat 25px 5px}
#faded ul {list-style:none;padding:0;margin:0}
#faded ul.pagination {list-style:none;padding:0;margin:0;width:246px;height:350px;background:url(images/pagination-bg.jpg) no-repeat left top}
#faded ul.pagination li {padding:5px 0 0 5px;margin-bottom:-5px}
#faded ul.pagination li a {width:270px;height:85px;background-repeat:no-repeat;background-position:left -85px;background-image:url(images/thumb-sprite.png);text-decoration:none;display:block;color:#464646}
#faded ul.pagination li.current a {background-position:left top;color:#ffff}
#faded ul.pagination li a span {font-family:Tahoma;font-size:25px;font-weight:100;line-height:1.2em;display:block;padding:14px 0 0 0}
#faded ul.pagination li a small {font-family:Tahoma;display:inline-block;color:#428301;background-repeat:no-repeat;background-position:right -80px;background-image:url(images/arrows.gif);padding:0 17px 0 0}
#faded ul.pagination li a span,
#faded ul.pagination li a small {padding-left:40px}
#faded ul.pagination li.current a small {color:#ff0000;background-position:right 5px}
#faded ul.slides li {position:relative;width:100%}
#faded ul.slides li img {position:absolute;top:18px;right:230px}
#faded ul.slides li a {color:#fff;text-transform:uppercase;text-decoration:none;position:absolute;right:70px;top:22px;font-size:18px;line-height:1.2em;padding-left:8px;background:url(images/button-left.png) no-repeat left top;letter-spacing:-1px}
#faded ul.slides li a:hover {color:#ff0000}
#faded ul.slides li a span {display:block;padding-right:8px;background:url(images/button-right.png) no-repeat right top}
#faded ul.slides li a span span {background:url(images/button-tail.png) repeat-x left top;padding:15px 14px 17px 14px}
a {outline:0;border:0}So und nun kommt meine eigentliche Frage !
Wie bekomme ich es hin genau das glecihe noch mal für das 2 bild zu machen ? Ich habe schon alles verscuht neue class angelget alles doch das ist alles total bugy danach
wenn jemand eine idee hat bitte schreiben!
Das ist übrigens die html datei wo der slider eingebunden wird:
<div id="faded">
<ul class="slides">
<li><img src="themes/shark-hosting/images/slide-title1.png"><a href="modules.php?name=store"><span><span>Details</span></span></a></li>
<li><img src="themes/shark-hosting/images/slide-title4.png"><a href="#"><span><span>Details</span></span></a></li>
<li><img src="themes/shark-hosting/images/slide-title3.png"><a href="#"><span><span>Details</span></span></a></li>
<li><img src="themes/shark-hosting/images/slide-title2.png"><a href="#"><span><span>Details</span></span></a></li>
</ul>
<ul class="pagination"><b>
<li><a href="/modules.php?name=store&op=details&ids=1" rel="0"><span><ul>schrift1</ul></span><small>Mehr Informationen</small></a></li>
<li><a href="#" rel="1"><span><ul>schrichft2</ul></span><small>Mehr Informationen</small></a></li>
<li><a href="#" rel="2"><span><ul>schrift3</ul></span><small>Mehr Informationen</small></a></li>
<li><a href="#" rel="3"><span><ul>schrift4</ul></span><small>Mehr Informationen</small></a></li>
</b>
</ul>
</div>Ich hoffe jemand kann mir helfen
Mit freundlichen grüßen Niklas.
ps. ich entschuldige mich für meine Rechtschreibung doch bin gerade sehr in Eile
!