Zitat von Choro im Beitrag #24 Ich bin ein bischen verwirrt, was die "Gänsefüßchen" betrifft. Im Blog steht immer ein ‘ und ’ (wo auch immer die aufder Tastatur zu finden sind ). In den Bildern vom Code sehe ich aber ein ' (über dem #-Zeichen).
Habe definitiv überall mit ' (über der #-Taste) gearbeitet. Warum Webacappella in der Fehlermeldung nun alles mit " (Gänsefüßchen) schreibt weis ich auch nicht. Ich habe aber garantiert keine Gänsefüßchen drin!!!
Habe definitiv überall mit ' (über der #-Taste) gearbeitet. Warum Webacappella in der Fehlermeldung nun alles mit " (Gänsefüßchen) schreibt weis ich auch nicht. Ich habe aber garantiert keine Gänsefüßchen drin!!!
Sorry, daß ich grad total auf der Leitung stehe!
Moment! Hast du die Fehlermeldung in Web Acappella, oder wenn du die Seite veröffentlicht hast und im Browser betrachtest? Schick mir mal bitte die Seite (HTML-Datei) per Email, meine Adresse hast du ja. Ich schau mir das dann in Ruhe an. Keine Angst kriegen wir schon ans laufen .
Fehler liegt wie schon geschrieben, in der Formatierung des Textes / Codes. Problem bei der Geschichte ist die Formatierung des Textes aus dem Blog. Hier werden verschiedene Zeichen leider falsch dargestellt, ich denke das liegt an der Schriftart .
Ich habe ein neues Paket veröffentlicht (v1.2), welches a.) eine Text Datei ("Code.txt") mit den benötigten Codes und b.) eine zweite Scriptdatei ("sbjs_ot.js") enthält. Diese muss verwendet werden, wenn man keine(n) Überschrift / Titel über dem angezeigten Element möchte.
Die Fehlermeldung kam daher, dass du den Code aus dem Blog kopiert und im Programm eingefügt hast. Durch die falsche Formatierung konnte das Programm bzw. der Browser die benötigten Dateien nicht laden / initialisieren und so kam es zu der Fehlermeldung! Bei mir trat der Fehler nicht auf, da ich alles in einem HTML-Editor geschrieben und probiert habe . Manchmal sollte man Dinge auch so testen, wie man es beschrieben hat, dann klappt es auch mit dem Nachbarn, oder der Nachbarin .
Ich denke (hoffe), dass die Anfangsschwierigkeiten jetzt behoben sind!
Nochmal Shadowbox und Overlay-Größe auf iOS-Geräten.
So, jetzt hab ich den Fehler nach langem Herumprobieren gefunden (die Lösung leider immer noch nicht). Das Problem taucht nur dann auf, wenn die Breite der Webseite größer als ca. 970 Pixel ist. Also bei beispielsweise 1000 Pixeln Seitenbreite und aufgerufener Shadobox bleibt ein "Rand" von ca. 30 Pixeln ohne Overlay stehen. Egal ob iPad im Hoch- oder Querformat. Warum auch immer!
@Didi: Schau doch bitte nochmal auf meine Spielwiese. Ich hab die die Seite mal bissl breiter gemacht, dann sieht man, was ich meine.
Kann man die Shadowbox irgendwie dazu zwingen, das Overlay zu vergrößern ohne, dass das eigentlich darzustellende Fenster der Shadowbox beeinträchtigt wird? Geht das eventuell in der shadowbox.css irgendwie? Anderenfalls müsste man sich ja bei der Seitenbreite generell auf unter 970 Pixel beschränken.
Und noch eine zweite Frage gleich hinterher. Ich wollte gern noch einen (weissen) Rand um die Box machen. Habe im Netz ein bischen recherchiert (und nur die Hälfte verstanden). Das geht wohl auch nur in der css-Datei, oder? Gibts dafür eine Übersicht über die ganzen Befehle, mit der man die Shadowbox-Eigenschaften konfigurieren kann? Auf der Webseite des Entwicklers bin ich nicht so richtig schlau draus gweorden.
Zitat von Choro im Beitrag #Nochmal Shadowbox und Overlay-Größe auf iOS-Geräten.
So, jetzt hab ich den Fehler nach langem Herumprobieren gefunden (die Lösung leider immer noch nicht). Das Problem taucht nur dann auf, wenn die Breite der Webseite größer als ca. 970 Pixel ist. Also bei beispielsweise 1000 Pixeln Seitenbreite und aufgerufener Shadobox bleibt ein "Rand" von ca. 30 Pixeln ohne Overlay stehen. Egal ob iPad im Hoch- oder Querformat. Warum auch immer!
Das mit der Grösse ist Klar, im Browser des iPads hast maximal 1024px Platz, es sei denn, das iPad hat ein Retina-Display. 1024 abzgl. jeweils 30px Rand macht 964px . Da du bei der Iframe-Variante mit festen Fenstergrössen arbeitest, kann das auch nicht funktionieren.
An deiner Stelle würde ich zwei Seiten erstellen, eine normale und eine für iOS Geräte. Deine Panos passen sich der Grösse des Displays doch an und, hier würde ich an deiner Stelle auch das ganze Display ausnutzen. Du müsstest nur eine Javascript-Weiche auf deiner Startseite einsetzen, die automatisch auf die Seiten verlinkt. Wenn du es hundertprozentig haben möchtest, machst du eine Seite fürs iPad und eine fürs iPhone. Wie umfangreich ist denn deine eigentliche Seite, viele Infos und Seiten?
die Einstellung mit dem Rahmen werd ich dann gleich mal ausprobieren. Vielen Dank!
EDIT: Habs grad getestet. Funktioniert, aber leider nur rechts, links und oben. Unten fehlt der Rand. Es ist unabhängig davon, ob ich eine eigene oder eine externe Seite verlinke.
Zum Thema Overlay: So richtig verstehe ich das noch nicht. Wieso ist das beim iPad von der Bildschirmgröße abhängig? Auf einem normalen Monitor ist es doch auch egal wie groß er ist. Auf einem 27" funktionierts und auf dem "kleinen" iPad-Schirm nicht?
Wäre es möglich, bei der iFrame-Variante eben NICHT mit festen Größen zu arbeiten sondern die Größe abhängig vom Bildschirm zu machen? Und würde das das Problem überhaupt lösen? Die Variante mit 2 verschiedenen Seiten wäre auch denkbar. Am Anfang sollen ca. 10 Panos darauf sein. Werden aber mit der Zeit sicher viel mehr werden. Ich hätte dann eben etwas mehr Aufwand bei der Pflege der Seite. Auf jeden Fall würde ich aber nur die betreffende, einzelne Seite zweigleisig anlegen. Nach einem solchen Script werde ich mal recherchieren und es ausprobieren.
die Einstellung mit dem Rahmen werd ich dann gleich mal ausprobieren. Vielen Dank!
EDIT: Habs grad getestet. Funktioniert, aber leider nur rechts, links und oben. Unten fehlt der Rand. Es ist unabhängig davon, ob ich eine eigene oder eine externe Seite verlinke.
Zum Thema Overlay: So richtig verstehe ich das noch nicht. Wieso ist das beim iPad von der Bildschirmgröße abhängig? Auf einem normalen Monitor ist es doch auch egal wie groß er ist. Auf einem 27" funktionierts und auf dem "kleinen" iPad-Schirm nicht?
Wäre es möglich, bei der iFrame-Variante eben NICHT mit festen Größen zu arbeiten sondern die Größe abhängig vom Bildschirm zu machen? Und würde das das Problem überhaupt lösen? Die Variante mit 2 verschiedenen Seiten wäre auch denkbar. Am Anfang sollen ca. 10 Panos darauf sein. Werden aber mit der Zeit sicher viel mehr werden. Ich hätte dann eben etwas mehr Aufwand bei der Pflege der Seite. Auf jeden Fall würde ich aber nur die betreffende, einzelne Seite zweigleisig anlegen. Nach einem solchen Script werde ich mal recherchieren und es ausprobieren.
Wenn du eine neue Glasscheibe in einen Fensterrahmen einbauen möchtest und die Glasscheibe grösser als der Fensterrahmen ist, dann funktioniert das nicht, oder? Genauso verhält sich das mit deiner festen Vorgabe + Rahmen = Fensterscheibe, iPad Auflösung = Rahmen.
Mit dem Anlegen der Seiten, wenn du nicht wirklich zweigleisig fahren möchtest, würde ich dir empfehlen, den Link zum Pano über eine leere Seite mit der Weiche zu gestalten. Hier wird dann beim Aufruf des Panos eine Zwischenseite angesteuert, welche dann zu der jeweiligen Panoseite, für normal oder iOS verlinkt. Das Script brauchst du dir nicht raussuchen, dass habe ich schon.
Einfach mit den unten stehenden Code kopieren und eine HTML-Seite mit dem Code erstellen. Die Links musst du dann natürlich an deine Gegebenheit anpassen
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
<!DOCTYPE HTML > <html> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" > <head> <script language="Javascript"> <!-- if (navigator.userAgent.indexOf('iPad') != -1) {document.location = "http://ipad.iwebmagazin.de";} if (navigator.userAgent.indexOf('iPhone') != -1) {document.location = "http://www.iwebmagazin.de/iwebmagazinhd.html";} if (navigator.userAgent.indexOf('iPod') != -1) {document.location = "http://www.iwebmagazin.de/iwebmagazinhd.html";} if (screen.width >= 1024) {document.location = "http://www.iwebmagazin.de/iwebmagazinhd.html";} //--> </script> </head> <body> <p>Ihr Browser unterstützt kein Java.</br> Um die Seite korrekt zu betrachten benötigen Sie einen Browser mit aktiviertem Java!</p> <a href="http://www.iwebmagazin.de/iwebmagazinhd.html">Klicken Sie hier um zur Homepage zu gelangen!</a> </body> </html>
Für alle anderen, diese Seite kann man als Startseite auf der Homepage verwenden und so zu einer oder mehreren Seite(n) für iOS-Geräte verlinken, wenn man das möchte! Das habe ich so auf www.iwebmagazin.de so geregelt!
Damit sollten alle Aufrufe von iOS und Androidgeräten auf die entsprechende Mobil-optimierte Seite umzuleiten sein. So werd ichs wohl machen. Didi, wenn Du nun noch einen Tipp wegen des unteren Randes im Rahmen hast wäre ich happy.
Wenn du eine neue Glasscheibe in einen Fensterrahmen einbauen möchtest und die Glasscheibe grösser als der Fensterrahmen ist, dann funktioniert das nicht, oder? Genauso verhält sich das mit deiner festen Vorgabe + Rahmen = Fensterscheibe, iPad Auflösung = Rahmen.
Mit dem Anlegen der Seiten, wenn du nicht wirklich zweigleisig fahren möchtest, würde ich dir empfehlen, den Link zum Pano über eine leere Seite mit der Weiche zu gestalten. Hier wird dann beim Aufruf des Panos eine Zwischenseite angesteuert, welche dann zu der jeweiligen Panoseite, für normal oder iOS verlinkt. Das Script brauchst du dir nicht raussuchen, dass habe ich schon.
Einfach mit den unten stehenden Code kopieren und eine HTML-Seite mit dem Code erstellen. Die Links musst du dann natürlich an deine Gegebenheit anpassen
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
<!DOCTYPE HTML > <html> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" > <head> <script language="Javascript"> <!-- if (navigator.userAgent.indexOf('iPad') != -1) {document.location = "http://ipad.iwebmagazin.de";} if (navigator.userAgent.indexOf('iPhone') != -1) {document.location = "http://www.iwebmagazin.de/iwebmagazinhd.html";} if (navigator.userAgent.indexOf('iPod') != -1) {document.location = "http://www.iwebmagazin.de/iwebmagazinhd.html";} if (screen.width >= 1024) {document.location = "http://www.iwebmagazin.de/iwebmagazinhd.html";} //--> </script> </head> <body> <p>Ihr Browser unterstützt kein Java.</br> Um die Seite korrekt zu betrachten benötigen Sie einen Browser mit aktiviertem Java!</p> <a href="http://www.iwebmagazin.de/iwebmagazinhd.html">Klicken Sie hier um zur Homepage zu gelangen!</a> </body> </html>
Oops, da haben wir wohl zur gleichen Zeit gepostet.
Danke für Dein Script! Das würde allerdings bedeuten, daß ich für jeden Link zu einem Pano eine extra Seite anlegen müsste, oder? In diesem Fall erscheint mir die Variante mit einer eigenen Mobil-Seite weniger arbeitsaufwändig.
Also, nach einigem Herumprobieren mit den verschiedenen Div's hat es bei mir wie oben beschrieben funktioniert, nur die Höhe des Iframes habe ich um die 20px (10 oben und 10 unten) vergrössert. Frag mich jetzt bitte nicht warum nur in der Höhe, das haben die Versuch einfach gezeigt.
Ich denke das wir mit dem Zusammenspiel CSS und Javascript zusammen hängen .
Leider konnte ich den vorherigen Post nicht mehr ändern, denn alles quatsch und Kommando zurück
Ich habe im SB-Forum ein wenig gelesen und da sind einige Lösungen, doch nicht wirklich hilfreich.
Es gibt in der CSS-Datei die Codezeile "#sb-wrapper-inner{...}". Hier ist schon ein Border definiert, den du ganz einfach auf deine Wünsche abändern kannst. Du brauchst also nicht mit den Höhen- und Breiten-Angaben anstellen, nur den Border / Rahmen in der CSS-Datei ändern. Ich habe es mit Videos und HTML-Seiten ausprobiert und es Funktioniert .
Web Acappella - Forum, Tips und Tricks zum Bauen von Webseiten
»
Off Topic
»
HTML & Co
»
Script für Fancybox (für Anfänger)
05.09.2012 21:21 (zuletzt bearbeitet: 05.09.2012 21:25)
Thema drucken
). In den Bildern vom Code sehe ich aber ein ' (über dem #-Zeichen).
Antworten
.
. Manchmal sollte man Dinge auch so testen, wie man es beschrieben hat, dann klappt es auch mit dem Nachbarn, oder der Nachbarin 
.
