tarzan
Mitglied
Registriert: 09.08.2006
Beiträge: 1
|
|
Hallo Leute,
ich habe ein Script für eine Slideshow gefunden und möchte gerne, dass zu den Bildern auch ein kleiner Text angezeigt werden soll. Wenn das Bild nach einer bestimmten Zeit wechselt, dann soll sich auch der Text mitverändern. Den Text würde ich dann in das Javascript hineinpacken (so wie man die Bilder hinzufügt - lässt sich das realisieren? Wenn ja, wie kann ich das machen?)
So sieht das momentane Script aus:
<body background="hintergrund.gif" leftmargin="35" topmargin="50">
<!---------Buttons für die Diashow--------->
<form name="form1" action="#">
<font color="gray" face="Arial" size="2">Diashow:
<button type="button" name="back" value="zurück" onclick="vorheriges();"><img src="zurück.gif"></button>
<input type="button" name="abspielen" value="start" onclick="Play()" style="width:80px">
<button type="button" name="naechstes" value=" vor " onclick="Next();"><img src="vor.gif"></button>
<font color="gray" face="Arial" size="2">Geschwindigkeit:
<select name="delay" onchange="setSpeed(this)">
<option value="0">aus</option>
<option value="2">2 sekunden</option>
<option value="5" selected>5 sekunden</option>
<option value="10">10 sekunden</option>
<option value="15">15 sekunden</option>
<option value="259200">3 Tage ;-)</option>
</select>
</form>
<!---------Bildanzeige und Beschriftung--------->
<table width="705" border="0" height=""> <br>
<tr>
<td width="481"><img id="n_tes_Bild" name="n_tes_Bild" onload="OnImgLoad()"> </p>
<b><font size="1" face="Verdana">Foto:</b> <SPAN id="n_tes_Bild_name"> </SPAN> <br>
Bild Nr.: <SPAN id="n_tes_Bild_id"></SPAN> von <SPAN id="anzahl_bilder_gesamt"></SPAN></p></td>
<td width="224">
Kurzinformation zum Bild: Wenn ich's hinbekomme, dann sollen hier immer Texte passend zu dem jeweils angezeigten Bild erscheinen</td>
</tr>
<script type="text/javascript">
g_fPlayMode = 0;
g_iimg = -1;
g_imax = 0;
g_ImageTable = new Array();
function setSpeed(obj){
if(obj.selectedIndex>0){
g_dwTimeOutSec=Number(obj.options[obj.selectedIndex].value);
clearTimeout(timer);
OnImgLoad();
}
else{
if(document.form1.abspielen.value=="stop")Play(1);
}
}
function ChangeImage(fFwd){
if (fFwd){
if (++g_iimg==g_imax)
g_iimg=0;
}
else{
if (g_iimg==0)
g_iimg=g_imax;
g_iimg--;
}
Update();
}
function getobject(obj){
if (document.getElementById)
return document.getElementById(obj)
else if (document.all)
return document.all[obj]
}
function Update(){
document.images["n_tes_Bild"].src = pfad+g_ImageTable2[g_iimg][0];
if (document.createElement){
getobject("n_tes_Bild_name").innerHTML = g_ImageTable2[g_iimg][1];
getobject("n_tes_Bild_id").innerHTML = g_iimg + 1;
getobject("anzahl_bilder_gesamt").innerHTML = g_imax;
}
}
var timer;
function checkArr(no){
for (var i=0;i<g_ImageTable.length;i++){
if(g_ImageTable2[i]==g_ImageTable[no]){
return false;
}
}
return true;
}
function toggleRandom(obj){
if(obj.checked){
g_ImageTable2=new Array();
while (g_ImageTable2.length<g_ImageTable.length){
no=Math.floor(Math.random()*g_ImageTable.length)
if(checkArr(no))g_ImageTable2[g_ImageTable2.length]=g_ImageTable[no];
}
}
else g_ImageTable2=g_ImageTable;
}
function Play(val){
clearTimeout(timer);
if(!val){
sel=document.form1.delay.options;
for (var i=0;i<sel.length;i++){
if(Number(sel[i].value==g_dwTimeOutSec)){
sel[i].selected=true;
break;
}
}
}
g_fPlayMode=!g_fPlayMode;
document.form1.abspielen.value=(g_fPlayMode)?"stop":"start";
if (g_fPlayMode){
document.form1.back.disabled = document.form1.naechstes.disabled = true;
Next();
}
else{
document.form1.back.disabled = document.form1.naechstes.disabled = false;
}
}
function OnImgLoad(){
if (g_fPlayMode)
timer=window.setTimeout("Tick()", g_dwTimeOutSec*1000);
}
function Tick(){
if (g_fPlayMode)
Next();
}
function vorheriges(){
ChangeImage(false);
}
function Next(){
ChangeImage(true);
}
//---------------------Bilder hinzufügen--------------------------//
g_ImageTable[g_imax++] = new Array ("1.jpg", "Bild 1");
g_ImageTable[g_imax++] = new Array ("1 (1).jpg", "Bild 2");
g_ImageTable[g_imax++] = new Array ("1 (2).jpg", "Bild 3");
g_ImageTable[g_imax++] = new Array ("1 (3).jpg", "Bild 4");
g_ImageTable[g_imax++] = new Array ("1 (4).jpg", "Bild 5");
g_ImageTable[g_imax++] = new Array ("1 (5).jpg", "Bild 6");
g_ImageTable[g_imax++] = new Array ("1 (6).jpg", "Bild 7");
g_ImageTable[g_imax++] = new Array ("1 (7).jpg", "Bild 8");
g_ImageTable[g_imax++] = new Array ("1 (8).jpg", "Bild 9");
g_ImageTable[g_imax++] = new Array ("1 (9).jpg", "Bild 10");
g_ImageTable[g_imax++] = new Array ("1 (10).jpg", "Bild 11");
pfad="images/";
g_dwTimeOutSec=5
g_ImageTable2=g_ImageTable;
window.onload=Play
</script>
</body>
-------------------------------------
Vielen Dank für eure Mühe!
Mit freundlichen Grüßen
Gerrit
|
|
| 09.08.2006 14:43:26 |
|
Wechsel zu
Die letzten Beiträge aus diesen Forum
|
|
