✔ Mal wieder ein Bildwechsel

D

Denex

Grünschnabel
So .. erstmal Frohes Neues und Hallo :)

Wie der Titel schon sagt muss ich ein Bildwechsel realisieren.
Und zwar hab ich 3 Spalten, in der linken ist ein Bild, in den anderen beiden sind jeweils Listen mit Links.

Wenn ich nun über einen der Links gehe soll sich das Bild in der linken Spalte ändern, wenn ich vom Link wieder runter gehe soll wieder das Standard Bild angezeigt werden. Also ganz nornamles verfahren - eigentlich kein Problem...

Und jetzt das große ABER :)

Die Seite läuft über Typo3 und ich kann dem Bild in der linken Spalte kein name, id o.ä. Attribut geben, womit ich dass dann ansprechen könnte.
Der Tag vom Bild sieht also so aus:
<img height="400" width="200" border="0" alt="" src="ordner/tollesBild.jpg"/>

Gibts da eine Möglichkeit das ich z.B. die ID der linken Spalte übergebe und den wechsel dann - vom JavaScript gesehen - auf irgendein Bild in diesem div anwende ?
Da immer nur ein einziges Bild in der Spalte drin ist gäbs ja keine andere alternative als dieses Bild dann zu ändern.

Gruss
Denex
 
Moin,

Da gibt es sicher einen Weg, um von den Links aus das Bild zu Finden.
Wie der genau auszusehen hat, kann man sagen, wenn du den HTML-Code des gemeinsamen Bereichs postest, in dem sich die beteiligten Elemente(Listen+Bild) befinden.
 
Hi,

wieso kannst du dem Grafikelement kein name- oder id-Attribut mit auf dem Weg geben?

mfg Maik
 
Das ging ja flott :)

Maik hat gesagt.:
wieso kannst du dem Grafikelement kein name- oder id-Attribut mit auf dem Weg geben?
Zum Vergrößern anklicken....
Wie gesagt ist per Typo3 erstellt.
Setze einfach ein neues Bild-Element in dem Content-Bereich und wähle nur das Bild vom Server aus. Das komplette Tag und die Div's drum rum werden automatisch generiert. Kann dem halt noch Sachen wie Alt-Text geben, Bildunterschrift und sowas.


So noch der HTML code...
HTML: 
<div id="Rahmen3">
<div id="Spalte1">
	<div class="csc-textpic csc-textpic-center csc-textpic-below">
		<div class="csc-textpic-text">
			<p class="bodytext">Text der zum Bild gehört</p>
		</div>
		<div class="csc-textpic-imagewrap" style="width:200px;">
			<dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:200px;">
				<dt><img src="Bild-URL" width="200" height="400" border="0" alt="" /></dt>
			</dl>
		</div>
	</div>
	<div class="csc-textpic-clear"></div>
</div>
<div id="Spalte2">
	<div class="csc-menu-csc-menu-4">
		<dt>
			<a href="Link-URL" target="_self" title="Link-Title" onfocus="blurLink(this);">Link-Text</a>
		</dt>
		<div class="seiteninhalt">Kurze Beschreibung zum Link</div>
		<dt>
			<a href="Link-URL" target="_self" title="Link-Title" onfocus="blurLink(this);">Link-Text</a>
		</dt>
		<div class="seiteninhalt">Kurze Beschreibung zum Link</div>
		<!-- weitere Links -->
	</div>
</div>
</ div>
Liegt beides im Div "Rahmen3". Hab mir jetzt mal die dritte Spalte gespart weil es an sich das gleiche ist wie "Spalte2" und ansonsten Überschriften und Texte die dazwichen lagen rausgenommen.
Bis auf den Div "seiteninhalt" ist auch alles Typo3 generiert.


EDIT:
Maik hat gesagt.:
Möglicherweise hilft dir hier http://www.cssplay.co.uk/menu/photo_simple oder auch http://www.cssplay.co.uk/menu/list_gallery.html weiter?
Zum Vergrößern anklicken....
Sieht nicht schlecht aus - werd mir mal angucken ob ich das einabuen kann.
 
Zuletzt bearbeitet:
Sven Mintel hat gesagt.:
z.B. damit solltest du das Bild ansprechen können:

Code: 
document.getElementById('Spalte1').getElementsByTagName('IMG')[0]
Zum Vergrößern anklicken....
Funktioniert Super :)

Einzige Problem ist jetzt noch die "default" URL zu speichern (auf jeder Seite ist links ein anderes Standard Bild).

Wie ist da die elegantere Methode?
Muss ja warten bis Seite geladen ist um mir die URL zu holen...
ist es besser dazu mit onload zu arbeiten oder sollte man das mit jquery realisieren?

Arbeite nicht wirklich viel mit JavaScript aber hab gehört das onload im body tag nicht die schönste Art sein soll.

Schonmal Danke für die gute und vorallem schnelle Hilfe ;)

Gruss
Denex
 
Doh!

Klar - Brett vorm Kopf...
Anstatt beim ersten aufruf der Funktion zu prüfen hab ich überlegt wie ichs direkt beim laden der Seite machen könnte und dabei umgehe dass das Script fertig geladen ist bevor alle Seiten Elemente geladen sind :rolleyes:

Wie gesagt - nochmal danke für die Hilfe ;)

Gruss und schönen restlichen (arbeits)Tag noch
Denex
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück