img-Tag title ersetzen ohne img-Tag nur mit Pfadangabe

DeTomaso33 · #1 (**permalink**) 23.10.2015, 20:38

Hi Experten,

habe da ein kleines Problem mit meiner Bildergalerie. Es wird ein Bild angezeigt, das durch einen klick darauf durch das nächste ersetzt wird bis die Array-Schleife durchlaufen ist und das erste Bild wieder angezeigt wird. Für das Anfangsbild, das mit einem <img> Tag im html vorliegt kann ich wie gewohnt mit title="xxx" alt="name" den Namen beim Maus-hover den Titel anzeigen lassen.

Frage ist jetzt, wie ich pro klick auch den Namen in Titel-Format für Bild2,3,4 usw. anzeigen lassen kann.Ich weiß nicht, wie ich die html Information in meine javascript-Funktion einbauen kann. Namen in einem Array zu speichern wäre eine Möglichkeit,aber wie wird der Name dann an title übergeben. In der javascript Funktion muss ich sowas wie title++ hinzufügen, damit es zum aktuell incrementierten Bild passt. Für die weiteren Bilder liegt nur die Pfadinformation zugrunde, ohne dass ich title als Attribut hinzufügen kann.

Mein JavaScript:

// der 1. Eintrag ist identisch mit dem beim Start angezeigten Bild
var TauschFoto2 = new Array();
TauschFoto2[TauschFoto2.length] = "../BilderSpace/Space-Art-Moon2.jpg" ;
TauschFoto2[TauschFoto2.length] = "../BilderSpace/SpaceCarinaNebula.jpg";
TauschFoto2[TauschFoto2.length] = "../BilderSpace/ESA_Dying_Sun.jpg" ;

var Bild2 = 0;

function Tauschen2() {

if (Bild2 < TauschFoto2.length - 1) {
Bild2++;
}
else {
Bild2 = 0;
}

document.getElementById('Foto03').src = TauschFoto2[Bild2];

}

Mein html-Code:

<body>
<a href="javascript:Tauschen2()"><img class="brick02" id="Foto03" src="BilderSpace/Space-Art-Moon2.jpg" width="300" height="250" border="1" alt="Space"/>
</a>

</body>

Hatte die Frage fälschlicherweise bei Antworten zu user:cloned für SandraS aus dem März eingetragen. Ich hoffe, dass es eine Lösung gibt....Danke für die Beantwortung schon mal im Voraus!!

protonenbeschleuniger · #2 (**permalink**) 24.10.2015, 08:23

Es gibt doch soviele Javascript Bildergalerien, warum nimmst du nicht eine fertige, funktionierende Lösung?

DeTomaso33 · #3 (**permalink**) 25.10.2015, 17:09

Hallo P.beschleuniger,
wie ich geschrieben habe,habe ich bereits eine Bildergalerie, die ihren Zweck erfüllt. Es geht darum diese,um einige Features zu erweitern. Also bitte genau lesen!!!

protonenbeschleuniger · #4 (**permalink**) 25.10.2015, 17:57

Zitat:

Zitat von DeTomaso33

Hallo P.beschleuniger,
wie ich geschrieben habe,habe ich bereits eine Bildergalerie, die ihren Zweck erfüllt. Es geht darum diese,um einige Features zu erweitern. Also bitte genau lesen!!!

Ich habe deine Frage sehr genau gelesen, deshalb habe ich den Vorschlag gemacht. Bevor du diesen Code versucht zu erweitern, würde ich dir raten eine richtige Galerie zu benutzen, das was du da zusammengebaut hast bietet dir nicht die Möglichkeit dazu und ist für das was er macht zu umständlich.

DeTomaso33 · #5 (**permalink**) 01.02.2016, 13:00

Hallo,
um abschließend zu dem Thema nochmal was zu sagen. Die img-Tag Titel-Funktionalität hat die Eigenschaft, den Titel nur beim ersten "hovern" anzuzeigen. In meiner Galerie wo Bilder weitergeklickt werden bleibt man ja auf dem Bild, wodurch die hover-Funktion verloren geht...und wer geht schon immer mit der Maus aus dem Bild und dann wieder über das neue Bild, wenn weitergeklickt wurde.Die kurze Titelanzeige wäre schon nett gewesen, aber da andererseits ohne img-Tag ein Titel nicht verarbeitet werden kann, ist das wohl ein Ding der Unmöglichkeit.
Ich bin mittlerweile auch schon mal in einem anderen Forum gewesen und habe ein wenig Erfahrung gesammelt u.a. auch darin Probleme zu erörtern.

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Redesign für Steiner Cycling Team	pkipper	Site- und Layoutcheck	11	09.02.2011 12:25
Quelle im IMG Tag durch css ändern	Deffcon	CSS	7	07.05.2010 17:23
img (bild) im <label> tag	darche	CSS	6	30.10.2007 00:47
XHTML 1.0 strict: interpretation von alt und title (IMG) vom IE7, Opera und Firefox	braindead	(X)HTML	5	11.03.2007 16:57
img alt tag über css steuern??	biki	CSS	1	12.09.2003 19:47