| von diwie |
| nochmals besten dank für die kompetente hilfe. meine probleme konnten so gelöst werden. ;) |
| von subjective |
Nein das macht keinen Sinn. Definiere ein <div id="bildnummer">1</div> für die Zahl und setzte diesen dann mittels JS.
Als Ansatz (Zahl mußt du natürlich an der richtigen Stelle aus Variablen zusammenbauen):
1: | document.getElementById('bildnummer').innerHTML = zahl; |
|
| von diwie |
vielen vielen dank für die hilfe, das war das problem.
ich habe das array füllen noch etwas abgeändert, läßt sich leichter anpassen :
1:
2:
3:
4:
5:
6:
7:
8: |
x = 0;
var arr_files = new Array();
do{
arr_files[x]= "images/about_portrait"+(x+1)+".gif"
x++;
}while(x<=10)
|
noch ein frage. kann ich die jeweils angezeigte bildnummer (x+1) noch irgendwie an php o.ä. übergeben, um eine anzeige wie in etwas "bild x von 10" zu realisieren?! |
| von subjective |
| Probier mal: onclick="nextpic('portrait')" - also mit Hochkommas. |
| von diwie |
vielen dank für die schnelle antwort! 
also meine grafik die ich austauschen möchte ist definiert mit "name=portrait". wenn ich jetzt meinen link "vor" mit onclick="nextpic(portrait)" belege bekomme ich eine fehlermeldung in der zeile 11 deines listing ('document.images[...]' ist Null oder kein Objekt). sicher muß ich da auch noch etwas anpassen. da ich mich aber nicht allzu gut mit js auskenne, hoffe ich auf deine(eure) weitere hilfe. ;)
mfG
diwie |
| von subjective |
Du mußt dir in JS halt merken welche Grafik gerade aktiv ist und dann zu nächsten wechseln.
Mal so als Ansatz (ungetestet):
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41: | var arr_files = new Array();
arr_files[0] = 'pics/pic1.gif';
arr_files[1] = 'pics/pic2.gif';
arr_files[2] = 'pics/pic3.gif';
arr_files[3] = 'pics/pic4.gif';
var current_file = new Array();
function switchpic(index, imgname) {
if (document.images) {
document.images[imgname].src = arr[index].src;
}
}
function nextpic(imgname) {
if (current_file[imgname] > 0) {
current_file[imgname]++;
} else {
current_file[imgname] = 1;
}
if (current_file[imgname] >= arr_files.length) {
current_file[imgname] = 0;
}
switchpic(current_file[imgname], imgname);
}
function prevpic(imgname) {
if (current_file[imgname] > 0) {
current_file[imgname]--;
} else {
current_file[imgname] = arr_files.length-1;
}
switchpic(current_file[imgname], imgname);
}
arr = new Array()
for (var img in arr_files) {
arr[img] = new Image();
arr[img].src = arr_files[img];
}
|
|
| von diwie |
ich möchte mit dem onclick-event eine grafik auf der seite austauschen. zur verfügung dafür habe ich zwei links, z.b. pfeile für "vor" und "zurück". bei nur zwei bildern komme ich noch klar. jetzt habe ich aber 10 bilder, die je nach klick auf "vor" oder "zurück" angezeigt/ausgetauscht werden sollen.
ich konnte irgendwie noch keine einfache lösung mit php und js finden und hoffe auf euren erfahrungsschatz. vielleicht hatte ja jemand von euch schon mal ein ähnliches problem.
mfG
diwie |
