nicht angemeldet
Grafik und Text syncron wechseln!!
Hallo,
kann mir jemand helfen,ich möchte eine Diashow erstellen in der Bild und Text gleichzeitig(syncron)wechseln.
Folgendes Script habe ich schon, aber die zweite datei wechselt nicht!
Kann mir jemand da weiterhelfen!
Im voraus vielen Dank!!
zum testen habe ich erst mal Grafiken genommen!!(text-Array)
<script language="javascript" type="text/javascript">
bilder=new Array("Gebaeude1.jpg","Gebaeude2.jpg","Gebaeude3.jpg")
text=new Array("Gebaeude1.jpg","Gebaeude2.jpg","Gebaeude3.jpg")
bild=0
text=0
anzahl_bilder=3
anzahl_text=3
zaehler=anzahl_bilder-1
zaehler=anzahl_text-1
function bildPrevious()
{
if (document.images && bild>0)
{
bild--;
text--;
document.meinBild.src=bilder[bild];
document.meinText.src=text[text];
}
}
function bildNext()
{
if (document.images && bild<zaehler)
{
bild++;
text++;
document.meinBild.src=bilder[bild];
document.meinText.src=text[text];
}
}
</script>
</head>
<body bgcolor="#D6D59C">
<div align="center">
<table border="0" rules="none" width="40%" height="95%" >
<tr height="10%"><td><h2>Diashow</h2></td></tr>
<tr height="50%"><td>
<table border="5"><tr><td>
<table border="3"><tr><td>
<p align="center"><img SRC="Gebaeude1.jpg" NAME="meinBild" width="441" height="304"> </p>
</td></tr></table>
</td></tr>
<tr height="30%"><td>
<p align="center"><img SRC="Gebaeude1.jpg" NAME="meinText" width="141" height="104"> </p>
</td></tr>
</td></tr></table>
<tr height="10%" ><td>
<p align="center"><a href="javascript:bildPrevious()">
<img src="pfeil2.gif" border="0" width="126" height="48"></a>
<a href="javascript:bildNext()">
<img src="pfeil1.gif" border="0" width="126" height="48"></a></p>
-
hi,
hast du denn text als bild abgespeichert?
wenn ja : ist das notwendig?
du könntest doch auch eine textarea machen und "value" dynamisch ändern.-
hi,
hast du denn text als bild abgespeichert?
wenn ja : ist das notwendig?
du könntest doch auch eine textarea machen und "value" dynamisch ändern.das ist nicht notwendig, habe nur zum Test ein Bild verwendet!
und wie kann ich den Textarea dynamisch an den Bildwechsel anpassen?-
schau mal in selfhtml nach, wie eine textarea definiert ist.
dann in deinem script statt
document.meintext.src="irgendwas"
document.meintext.value="irgendwas"
reinschreiben.tut mir leid, aber hab nicht viel zeit, mehr zu schreiben.
hoffe es hat geholfen
-
-
-
Moin, moin!
Wie wäre es mit dieser Variante, entstanden aus einem SelfHTML-Beispiel?
<HTML>
<HEAD>
<TITLE>Bildergeschichte</TITLE>
<script language="JavaScript">
bild=1;text=new Array();
text[1]="Text 1";
text[2]="Text 2";
text[3]="Text 3";function bildwechsel()
{ if (bild==3) bild=1;
else bild+=1;
if (bild==3) document.Weiter.Weiterbutton.value="Zum Anfang der Bilderserie";
else document.Weiter.Weiterbutton.value="nächstes Bild";
if (ie) text[bild]=text[bild].replace(/<br>/gi, " ");
Write('AnzeigeLayer', text[bild]);
document.images[0].src=bild+'.jpg'; }var ie = document.all ? true : false;
var ns = document.layers ? true : false;function mark()
{ if (ie) document.write('<div id="DerLayer"> </div>');
else if (ns) document.write('<ilayer name="DerLayer"> </ilayer>'); }function ShowNew()
{
if (ie)
{
var derlayer = document.all.DerLayer;
var anzlayer = document.all.AnzeigeLayer;
anzlayer.style.posLeft = getLeft(derlayer);
anzlayer.style.posTop = getTop(derlayer);
anzlayer.style.visibility = 'visible';
}
else if (ns)
{
var derlayer = document.DerLayer;
var anzlayer = document.AnzeigeLayer;
anzlayer.pageX = derlayer.pageX;
anzlayer.pageY = derlayer.pageY;
anzlayer.visibility = 'show';
}
}function getLeft(l)
{ if (l.offsetParent) return (l.offsetLeft + getLeft(l.offsetParent));
else return (l.offsetLeft);}function getTop(l)
{ if (l.offsetParent) return (l.offsetTop + getTop(l.offsetParent));
else return (l.offsetTop); }function Write(name, inhalt)
{ if (ie) document.all[name].innerText = inhalt;
else if (ns)
{ with (document[name].document)
{ open();
document.write("<font face="Helvetica,Arial" color=white>"+inhalt+"</font>");
close();
}
}
}
</script>
</HEAD>
<BODY onLoad="ShowNew()">
<div id="AnzeigeLayer" style="position: absolute; visibility: hidden">
<script language="JavaScript1.2" type="text/javascript">
<!--
document.writeln(text[1]);
//-->
</script>
</div>
<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td><img src="1.jpg"></td>
<td> </td>
<td>
<script language="JavaScript1.2" type="text/javascript">
<!--
mark();
//-->
</script>
</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><form name="Weiter"><input type="button" name="Weiterbutton" Style="WIDTH:200" WIDTH="200" value="nächstes Bild" onClick="javascript:bildwechsel();"><form></td>
</tr>
</table>
</BODY>
</HTML>Norbert
-
hi,
rumpeldipumpel und wech is der Kumpel ;-)
gehe mal auf <www.wendenburg.net>, klicke auf den Textlink Sevilla, und schau Dir das dortige Wechselscript an.
hth + Gruss Joachim
-
ups,
gehe mal auf <www.wendenburg.net>, klicke auf den Textlink
gemeint war http://www.wendenburg.net
Gruesse Joachim
-