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:
Diashow:
Geschwindigkeit:
aus2 sekunden5 sekunden10 sekunden15 sekunden3 Tage
Foto:
Bild Nr.: von
Kurzinformation zum Bild: Wenn ich’s hinbekomme, dann sollen hier immer Texte passend zu dem jeweils angezeigten Bild erscheinen
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
Vielen Dank für eure Mühe!
Mit freundlichen Grüßen
Gerrit