Hallo allerseits, ich bin sowohl ein Neuling in diesem Forum, als auch ein Anfänger in Sachen Javascript, der nur rudimentäre Kenntnisse (wenn überhaupt) besitzt, aber nicht locker lassen möchte. Bevor ich nun hier mein Problem poste, habe ich auch nichts unversucht gelassen, selber den richtigen Weg zu finden, aber es klappt einfach nicht...
Daher würde ich mich sehr freuen, wenn mir jemand aus diesem Forum eine Hilfestellung leisten kann...
Genug geplaudert, hier mein problem:
Das Ziel ist eine funktionierende Bildergalerie, die aus Hoch- und Querformaten besteht. Das Javascript soll nun meine Bilder immer mittig zentriert positionieren, was aber leider nicht funktioniert. Die Bilder liegen in einem div, welches selber in einem festpositioniertem div liegt. Über eine margin-left Angabe möchte ich nun die Hochformaten samt div verschieben (funktioniert) und die Querformate nicht (setze den margin Wert auf 0 - funktioniert aber nicht).
Eine Funktion soll nun über eine if else Anweisung die Positionierung steuern:
Code:
function moveImg(){
bildplatz = document.getElementById("bh");
bildp = bildQ[current_index];
bildp.width = bildQ.width;
if (bildp.width = "514px") {
bildplatz.style.marginLeft = "84px";
} else {
bildplatz.style.marginLeft = "0px";
}
}
Damit möchte ich die Breite meines Bildes abfragen, wenn es 514px breit ist, soll es verschoben werden, ansonsten eben nicht... das "ansonsten" funktioniert aber leider nicht...
Die Bilder werden vorher durch ein Array mit einer Schleife eingeladen:
Code:
var bildQ=new Array();
for(i=0;i<15;i++){
bildQ[i]="img/ga"+i+".jpg";
}
var current_index = 1;
var len_bildQ = bildQ.length;
function vor(){
if (current_index == (bildQ.length - 1)) {
current_index = 1;
}
else {
current_index++;
}
var bild = document.getElementById("bild");
bild.src = bildQ[current_index];
}
function zurueck(){
if (current_index == 1) {
current_index = (bildQ.length - 1);
}else {
current_index--;
}
var bild = document.getElementById("bild");
bild.src = bildQ[current_index];
}
und zuletzt noch ein html auszug:
HTML-Code:
<div id="bildcontainer">
<div id="bh"><img id="bild" src="img/ga1.jpg"/ ></div>
<div id="hg_bu"><img src="img/hg_button.jpg" /></div>
<div id="minus"><a href="#" onclick="zurueck()"><img src="img/back.jpg" /></a></div>
<div id="plus"><a href="#" onclick="vor()"><img src="img/next.jpg" /></a></div>
</div>
Ich hoffe, ich hab mich einigermaßen ausgedrückt und würde mich sehr über hilfreiche Hinweise freuen
LinkBack URL
About LinkBacks
Zitieren
