B
ByeBye 249712
Hallo,
Ich hab da ein kleines Problem.
Ich möchte Bilder von einer Slideshow im Vollbildmodus darstellen,
dies wird über das Drücken eines Buttons realisiert.
Beim Drücken des Buttons wird in der Javascriptdatei eine Funktion ausgeführt, welche dieses bewerkstelligen soll.
Das Bild, welches sich in einem div-Container befindet, wird dann zwar im Vollbildmodus dargestellt, allerdings hängt es links außen am Rand und lässt sich nicht in die Mitte verschieben. Jegliches Anpassen des Containers im stylesheet bringt nichts. Es scheint so, als ob er die Styles aus dem Stylesheet nicht anwenden kann.
Weis jemand warum und wie ich über die Javascriptfunktion auf die Styles zugreifen kann bzw diese anders implementieren kann?
Hier der Code:
Ich hab da ein kleines Problem.
Ich möchte Bilder von einer Slideshow im Vollbildmodus darstellen,
dies wird über das Drücken eines Buttons realisiert.
Beim Drücken des Buttons wird in der Javascriptdatei eine Funktion ausgeführt, welche dieses bewerkstelligen soll.
Das Bild, welches sich in einem div-Container befindet, wird dann zwar im Vollbildmodus dargestellt, allerdings hängt es links außen am Rand und lässt sich nicht in die Mitte verschieben. Jegliches Anpassen des Containers im stylesheet bringt nichts. Es scheint so, als ob er die Styles aus dem Stylesheet nicht anwenden kann.
Weis jemand warum und wie ich über die Javascriptfunktion auf die Styles zugreifen kann bzw diese anders implementieren kann?
Hier der Code:
HTML:
<button onclick ="switchtofullscreen()" id="fullscreenbutton">fullscreen</button>
<div id="picturefullscreen"><img src="../images/Bild_1.jpg" height="850"/></div>
CSS:
#picturefullscreen{
margin-left: 200px;
display: none;
}
Javascript:
function switchtofullscreen(){
document.getElementById('picturefullscreen').style.display = 'block';
var element = document.getElementById('picturefullscreen');
if(element.requestFullscreen) {
element.requestFullscreen();
} else if (element.webkitRequestFullscreen) {
element.webkitRequestFullscreen();
} else if (element.msRequestFullscreen) {
element.msRequestFullscreen();
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen();
}
}