Ich bin dran an meiner Website, auf der es eine Bildergalerie gibt. Der Bilderwechsel funktioniert wunderbar. Allerdings happert es mit dem Untertitel-Wechsel, den ich analog wie der Bildwechsel machen wollte, aber nicht klappt. Vielleicht kann mir jemand den Fehler in meinem Code zeigen:
Dies ist der html Bereich mit dem Bild und der Unterschrift:
<img src="images/architecture/taegernstrasse_1.png" id="image_switch" width:"1000" height:"586" alt="Portfolio"><br>
<img src="images/pfeil_rechts.jpg" style="cursor: pointer; float:right;" onclick="switch_image(0)" onclick="switch_text(0)" alt="" height="30" width="30">
<img src="images/pfeil_links.jpg" style="cursor: pointer; float:right;" onclick="switch_image(1)" onclick="switch_text(1)" alt="" height="30" width="30">
<p1 id="text_switch">Unterschrift 1</p1>
Dazu gibt es die zwei Javascript Funktionen switch_image, welches super funktioniert und switch_text, welches ich irgendwie nicht zum funktionieren bringe. Hier das javascript:
var images = new Array(
'images/architecture/taegernstrasse_1.png',
'images/architecture/olympiastadion_berlin.png',
'images/architecture/schule_leutschenbach.png',
'images/architecture/flat_iron_building.png',
'images/architecture/leutschenbach_sued.png',
'images/architecture/glattpark_1.png',
'images/architecture/zoelly_hochhaus.png',
'images/architecture/eth_lee.png',
'images/architecture/glattpark_2.png',
'images/architecture/buehlerwiese_innen.png'
);
var current_index_image = 0;
function switch_image(direction) {
var countimage = images.length;
current_index_image += (direction ? 1 : -1);
if (current_index_image == countimage) {
current_index_image = 0;
} else if (current_index_image < 0) {
current_index_image = countimage - 1;
}
document.getElementById('image_switch').src = images[current_index_image];
}
var text = new Array(
"Unterschrift 1",
"Überschrift 2",
"Überschrift 3",
"Überschrift 4",
"Überschrift 5",
"Überschrift 6",
"Überschrift 7",
"Überschrift 8",
"Überschrift 9",
"Überschrift 10"
);
var current_index_text = 0;
function switch_text(direction) {
var counttext = text.length;
current_index_text += (direction ? 1 : -1);
if (current_index_text == counttext) {
current_index_text = 0;
} else if (current_index_text < 0) {
current_index_text = counttext - 1;
}
document.getElementById('text_switch').src = text[current_index_text];
}