Thema: Slideshow

Hey,
habe bei meiner Slideshow etwas rumgebastelt, da ich mehrere Bilder noch reinbringen wollte.
Hat auch super geklappt, nur jetzt kommt immer das nächste Bild wenn ich auf den vor und zurück Button klicke, also kann ich nicht schnell auf ein Bild zurückklicken, sondern muss erst die ganze Reihe durchgehen, hier einmal der Code ... danke für die Hilfe!

<div class="images"><!-- first slide -->
<div><img class="img-slider" src="images/stories/slider_img_1.png" border="0" /> <span class="slider-text-indent">
<h3 class="slider-titile">We Think.</h3>
<span class="slider-text">Quisque nulla. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh. Etiam cursus leo vel metus. Nulla facilisi. Aenean nec eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere</span> </span></div>
<!-- second slide -->
<div><img class="img-slider" src="images/stories/slider_img_2.png" border="0" /> <span class="slider-text-indent">
<h3 class="slider-titile">Lorem ipsum.</h3>
<span class="slider-text">Nulla facilisi. Aenean nec eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere. Quisque nulla. Vestibulum libero nisl, porta vel, eget, malesuada at, neque. Vivamus eget nibh. Etiam cursus leo vel metus. </span> </span></div>
<!-- third slide -->
<div><img class="img-slider" src="images/stories/slider_img_3.png" border="0" /> <span class="slider-text-indent">
<h3 class="slider-titile">consec tetuer.</h3>
<span class="slider-text">Quisque nulla. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh. Etiam cursus leo vel metus. Nulla facilisi. Aenean nec eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere</span> </span></div>
<!-- 4th slide -->
<div><img class="img-slider" src="images/stories/slider_img_4.png" border="0" /> <span class="slider-text-indent">
<h3 class="slider-titile">4444444444444444.</h3>
<span class="slider-text">Quisque nulla. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh. Etiam cursus leo vel metus. Nulla facilisi. Aenean nec eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere</span> </span></div>
<!-- 5th slide -->
<div><img class="img-slider" src="images/stories/slider_img_5.png" border="0" /> <span class="slider-text-indent">
<h3 class="slider-titile">55555555555555555.</h3>
<span class="slider-text">Quisque nulla. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh. Etiam cursus leo vel metus. Nulla facilisi. Aenean nec eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere</span> </span></div>
</div>
<p><a class="backward">prev</a> <a class="forward">next</a></p>
<!-- the tabs -->
<div class="tabs"><a></a> <a></a> <a></a> <a></a> <a></a></div>

Was braucht ihr denn?

Hier einmal der Link zum Template:
http://osc.template-help.com/joomla_27919/

Ich habe schon im CSS Bereich rumgesucht, aber nichts gefunden. Ist es vielleicht möglich das in den Überschriften von den Texten neben den Bildern immer nur Kleinbuchstaben verwendet werden, und wenn das nicht geht, halt im kompletten Textfenster?


PS: Welchen Code braucht ihr denn um zusehen, warum ich nicht mit dem Pfeil links das letzte Bild aufrufen kann, sondern einmal die ganze Slideshow abgehen muss.

Zitat von wd0815

sorry, aber das ist mitnichten der (php) code für die slideshow, sondern der quelltext der darstellung. damit kann dir hier niemand helfen. schade um die zeit.

So, das hier müsste doch der CSS Code von der Slideshow sein.

/* container for slides */
.images {
position:relative;
height:300px;

width:650px;
float:left;
margin:15px;
cursor:pointer;


}

/* single slide */
.images div {
display:none;
position:absolute;
top:0;
left:0;
margin:5px 0 0 13px;
_margin:5px 0 0 -2px;
padding:0 0 0 0;
height:344px;
font-size:12px;
color:#FFF;
}

/* header */
.images h3 {
font-size:22px;
font-weight:normal;
margin:0 0 20px 0;
color:#456;
}

/* tabs (those little circles below slides) */
.tabs {
clear:both;
display:none;
}

/* single tab */
.tabs a {
width:8px;
height:8px;
float:left;
margin:3px;
background:url(../images/navigato.png) 0 0 no-repeat;
display:block;
font-size:1px;
}

/* mouseover state */
.tabs a:hover {
background-position:0 -8px;
}

/* active state (current page state) */
.tabs a.current {
background-position:0 -16px;
}


/* prev and next buttons */
.forward, .backward {
float:left;
margin-top:291px;
margin-left:0px;
background:url(../images/slider_button_right.gif) no-repeat;
display:block;
width:42px;
height:46px;
cursor:pointer;
font-size:1px;
text-indent:-9999em;
}

.backward {
float:left;
margin-top:291px;
margin-left:199px;
background:url(../images/slider_button_left.gif) no-repeat;
display:block;
width:44px;
height:46px;
cursor:pointer;
font-size:1px;
text-indent:-9999em;
}




/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
visibility:hidden !important;
}

.slider-text-indent{ margin:56px 0 0 547px; width:383px; display:block;}
.slider-text-indent .slider-titile{ color:#ffffff; font-size:60px; line-height:20px; font-weight:normal; text-transform:capitalize;}
.slider-text-indent .slider-titile1{ position:absolute; margin:-15px 0 0 0; line-height:20px;}



.slider-text{ padding:11px 0 0 4px !important; color:#ffffff; font-size:11px; line-height:26px; font-weight:bold; text-transform:uppercase; display:block;}
.img-slider{ position:absolute; width:511px; height:344px;}

Ich komme irgendwie garnicht mehr mit der Slideshow zurecht.
Ich möchte nun die Größen usw. der Schriften verändern, bei der Überschrift sollen dann zum Beispiel nur klein Buchstaben etc.

Helft mir bitte mal.

Die Slideshow ist so, das sie im Modul Manager gesteuert wird.
Die Schrift habe ich jetzt erstmal hinbekommen, aber der zurück Button klappt warum auch immer nicht, nur der vorwärts.

Da irgendwo muss eine Javascript Datei sein suchen