Bilder in Ebene on klick austauschen

h.a.77 · 16.01.2006, 21:24

hallo.
ich möchte auf meiner seite bilder einstellen. bisher habe ich es so gemacht das sich die bilder beim anklicken in einem neuen fenster geöffnet haben.
nun würde ich dieses gerne ändern weil es mir zu aufwendig ist.ich würde es gerne so machen das ich die bilder, die sich in einer ebene befinden, über einen button steuere und sich beim anklicken die bilder nur in der ebene tauschen.wie geht das? ich muß dazu sagen das ich absoluter anfänger bin und mich nicht mit html oder css auskenne. alles was ich bissher gemacht habe konnte ich ohne probleme in der entwurfsansicht erledigen.
danke gruß holger

Tobias · 19.01.2006, 16:56

Also für solche Angelegenheit gibt mit Sicherheit eine Extension im Macromedia Exchange Service.

http://www.macromedia.com/cfusion/exchange/

Wenn Du in der Exhange Suche mal "Image" eingibst und nur nach Dreamweaver-Ergebnisse filtern lässt, findest Du jede Menge an Erweiterungen.

boreker · 20.01.2006, 11:58

oder versuchs mal mit dieser javascript-lösung:

Code:

var pic = 0;
var i = 0;

var bilder = new Array();
bilder[0] = new Image();
bilder[0].src = '01.jpg';
bilder[1] = new Image();
bilder[1].src = '02.jpg';
bilder[2] = new Image();
bilder[2].src = '03.jpg';
bilder[3] = new Image();
bilder[3].src = '04.jpg';
bilder[4] = new Image();
bilder[4].src = '05.jpg';
bilder[5] = new Image();
bilder[5].src = '06.jpg';

function changeImage(x) {
	pic += x;
	if (pic < 0)  pic = bilder.length - 1; 
	if (pic > (bilder.length - 1))  pic = 0; 
	document.dia.src = bilder[pic].src;
}

bildbereich im html:

Code:

<img src="01.jpg" name="dia"  id="dia">

und zum bilderwechseln:

Code:

<a href="javascript:changeImage(-1);" ><strong>&laquo; zur&uuml;ck</strong></a>
<!-- und zum vorwärtspringen -->
<a href="javascript:changeImage(1);"><strong>weiter &raquo;</a>

wie gesagt muss dazu java-script im browser aktiviert sein, was es aber wohl
den allermeiisten fällen ist.

greez, boreker