sophia_nnn
Grünschnabel
Gelöst: Ändern einer Hintergrundfarbe auf Grund von eingeblendetem Slidebild
Hallo!
Ich habe bisher nichts mit Javascript zu tun gehabt, jedoch heute 4 Stunden lang Tutorials zu dem Thema angesehen.
Meine Problemstellung ist folgende:
Ich habe eine Slideshow die mehrere Bilder anzeigt. Auf der Webseite (Joomla CMS) ist ein Menü, welches seine Hintergrundfarbe, passend zu dem Slideshowbild ändern soll.
Mein Lösungsansatz:
Ich habe es geschafft dem Slide über einen kleinen Trick eine ID zu verpassen. Und zwar habe ich den Img-Alt-Tag der eine Variable ist, in den Slide reingebracht. Der Slide heißt nun z.B. <li id="suesses" style="z-index:20;"> der andere <li id="saures" style="z-index:18;">
Der jeweils aktive Slide hat den z-index 20.
Und meinem Menu habe ich die id "sweetmenu" gegeben.
Mein Javascript sieht nun so aus:
Mein Problem ist nun, dass dass der Menuhintergrund den zweiten Wert annimmt und dann auch so bleibt. Auch wenn sich der z-index der Slides immerwieder ändert. Wahrscheinlich habe ich einfach nur falsch gedacht. Hat jemand eine Idee für mich wie ich "weiterdenken" könnte?
Der Slider ist der Unite Revolution Slider für Joomla und das Menü ist ein ganz normales Menü...
Danke
Sophia
Hallo!
Ich habe bisher nichts mit Javascript zu tun gehabt, jedoch heute 4 Stunden lang Tutorials zu dem Thema angesehen.
Meine Problemstellung ist folgende:
Ich habe eine Slideshow die mehrere Bilder anzeigt. Auf der Webseite (Joomla CMS) ist ein Menü, welches seine Hintergrundfarbe, passend zu dem Slideshowbild ändern soll.
Mein Lösungsansatz:
Ich habe es geschafft dem Slide über einen kleinen Trick eine ID zu verpassen. Und zwar habe ich den Img-Alt-Tag der eine Variable ist, in den Slide reingebracht. Der Slide heißt nun z.B. <li id="suesses" style="z-index:20;"> der andere <li id="saures" style="z-index:18;">
Der jeweils aktive Slide hat den z-index 20.
Und meinem Menu habe ich die id "sweetmenu" gegeben.
Mein Javascript sieht nun so aus:
Javascript:
<script type="text/javascript">
var suesses = document.getElementById('suesses').style.zIndex;
var saures = document.getElementById('saures').style.zIndex;
if (suesses = "20") {
document.getElementById('sweetmenu').style.backgroundColor = '#00ff00';
}
if (saures = "20") {
document.getElementById('sweetmenu').style.backgroundColor = '#0000ff';
}
</script>
Der Slider ist der Unite Revolution Slider für Joomla und das Menü ist ein ganz normales Menü...
Danke
Sophia
Zuletzt bearbeitet: