Hallo zusammen,
ich hätte folgenden Code:
Alles anzeigen
Mein Problem ist jetzt, wenn die Diashow läuft, krieg ich einfach die Bilder nicht zentriert (horizontal und vertikal). Ich habs schon über JS (siehe den Versuch)und CSS versucht, aber die rühren sich nicht aus dem linken oberem Eck raus. Mit Kann mir da bitte jemand helfen?
LG
Fipsi
ich hätte folgenden Code:
Quellcode
- <html>
- <head>
- <meta http-equiv="pragma" content="no-cache" />
- <title>Secound Monitor-View - Archery Results</title>
- <style type="text/css">
- h1 {
- text-align:center;
- }
- #laufschrift_1 {
- position:absolute;
- top:0px;
- height:50px;
- font-size:30pt;
- z-index:999;
- }
- #anzeige {
- position:absolute;
- top:50px;
- width:99%;
- }
- #laufschrift_2 {
- position:absolute;
- bottom:0px;
- height:50px;
- font-size:30pt;
- z-index:100;
- display:none;
- }
- </style>
- <script type="text/javascript" src="templates/jquery-1.9.1.min.js"></script>
- <script type="text/javascript">
- var ausgabe;
- window.onload = function(){
- var step = 125;
- var old_posi;
- window.setInterval(function(){
- window.scrollBy(0, step);
- if (old_posi == window.pageYOffset)
- {
- window.scrollTo(0, 0);
- }
- old_posi = window.pageYOffset;
- document.getElementById("laufschrift_1").style = "top:"+window.pageYOffset+"px;";
- document.getElementById("laufschrift_2").style = "top:"+(window.pageYOffset + self.innerHeight - 50)+"px;";
- }, 3000);
- };
- $("document").ready(function(){
- var info;
- var info = new Array();
- var ausgabe;
- var status_diashow = 0;
- var gallery;
- var bilder;
- var laufschrift = Array();
- setInterval(loadInfo, 1000);
- function loadInfo() {
- var http = null;
- if (window.XMLHttpRequest) {
- http = new XMLHttpRequest();
- } else if (window.ActiveXObject) {
- http = new ActiveXObject("Microsoft.XMLHTTP");
- }
- if (http != null) {
- http.open("GET", "templates/sec_moni.txt", true);
- http.onreadystatechange = function() {
- if (http.readyState == 4) {
- ausgabe = http.responseText.split("-;-");
- var anzeige = ausgabe[0].split("_");
- gallery = ausgabe[1];
- gallery = gallery.split(" | ");
- bilder = gallery.length;
- if ((info[0] != anzeige[0]) || (info[1] != anzeige[1])) {
- info = Array();
- info[0] = anzeige[0];
- info[1] = anzeige[1];
- if (info[0] == 1) {
- document.bgColor = "black";
- document.getElementById("anzeige").innerHTML = "";
- status_diashow = 0;
- } else if ((info[0] >= 2) && (info[0] <= 4)) {
- document.bgColor = "white";
- loadSide(info[0],info[1]);
- status_diashow = 0;
- } else if (info[0] == 5) {
- document.bgColor = "black";
- status_diashow = 1;
- }
- }
- var laufschrift_check = ausgabe[2].split(" | ");
- if (laufschrift_check[0] == 1)
- {
- laufschrift[0] = laufschrift_check[0];
- laufschrift[1] = laufschrift_check[1];
- }
- else
- {
- laufschrift[0] = 0;
- }
- }
- };
- http.send(null);
- }
- }
- setInterval(delete_cache,5000);
- function delete_cache()
- {
- ausgabe = {0:0, 1:0};
- info = {0:0, 1:0};
- }
- var akt = 0;
- setInterval(function ()
- {
- if (status_diashow == 1)
- {
- var maxlength = screen.availHeight - 150;
- var maxwidth = screen.availWidth - 50;
- var left = (screen.availWidth - maxwidth) * 20;
- var top = (screen.availHeight - maxlength) / 2;
- document.getElementById("anzeige").innerHTML = "<img align="center" style="align:center; max-height:"+maxlength+"px; max-width:"+maxwidth+"px;" src="gallery/"+gallery[akt]+"" />";
- document.getElementById("anzeige").style = "left:"+left+"px;";
- document.getElementById("anzeige").style = "top:"+top+"px;";
- akt = akt+1;
- if (akt == bilder) {
- akt = 0; }
- }
- }, 5000);
- });
- </script>
- </head>
- <body>
- <div id="anzeige">
- <center>Seite wird geladen</center>
- </div>
- </body>
- </html>
Mein Problem ist jetzt, wenn die Diashow läuft, krieg ich einfach die Bilder nicht zentriert (horizontal und vertikal). Ich habs schon über JS (siehe den Versuch)und CSS versucht, aber die rühren sich nicht aus dem linken oberem Eck raus. Mit Kann mir da bitte jemand helfen?
LG
Fipsi